🎨 创意与设计类技能
创意与设计类技能帮助您生成艺术作品、设计视觉内容,利用算法和设计原则创造独特的视觉体验。
技能列表
Algorithmic Art(算法艺术)
使用 p5.js 创建生成式算法艺术作品。
核心能力:
- 基于种子的确定性随机
- 流场 (Flow Fields) 和粒子系统
- 完整的 HTML 输出
适用场景:
- 生成式艺术创作
- 数据可视化
- 交互式艺术装置
Canvas Design(Canvas 设计)
使用 Canvas API 设计和导出高质量视觉艺术。
核心能力:
- PNG 和 PDF 格式输出
- 丰富的视觉元素库
- 设计哲学指导
适用场景:
- 海报设计
- 社交媒体图形
- 品牌视觉资产
Slack GIF Creator(Slack GIF 创建器)
创建优化的动画 GIF,专为 Slack 等平台设计。
核心能力:
- 自动大小优化(<1MB)
- 帧率和调色板控制
- ImageMagick 工作流
适用场景:
- Slack 表情包
- 团队沟通动画
- 简单动画创作
Theme Factory(主题工厂)
快速应用专业主题样式,或生成自定义主题。
核心能力:
- 10+ 预设专业主题
- 即时主题生成
- 完整的 CSS 变量系统
适用场景:
- Web 应用主题化
- 文档样式统一
- 快速原型设计
技术栈
这些技能使用的主要技术:
- 前端: HTML5, CSS3, JavaScript
- 图形库: p5.js, Canvas API, SVG
- 图像处理: ImageMagick, PIL
- 动画: GIF, CSS Animations
- 设计工具: Figma(参考), Adobe(参考)
快速开始
创建算法艺术
// 使用 algorithmic-art 技能
"创建一个使用流场的生成艺术作品"
设计视觉内容
// 使用 canvas-design 技能
"设计一个极简主义风格的海报"
制作 GIF 动画
// 使用 slack-gif-creator 技能
"创建一个旋转的星星 GIF,适合 Slack 使用"
应用主题
// 使用 theme-factory 技能
"应用赛博朋克主题到我的网站"