import BilingualLayout from ’../../../components/BilingualLayout.astro’;
import BilingualBlock from ’../../../components/BilingualBlock.astro’;
创意设计类 Skills 展示了如何利用 Claude 完成从生成艺术到前端界面的各类创意和设计工作。这 6 个 skill 覆盖了算法艺术、视觉设计、界面美学、主题系统、GIF 动画和 Web Artifact 构建等多个创意维度。
Creative & Design Skills demonstrate how to leverage Claude for various creative and design tasks, from generative art to frontend interfaces. These 6 skills cover algorithmic art, visual design, interface aesthetics, theming systems, GIF animation, and Web Artifact construction.
使用 p5.js 创建生成艺术。通过"算法哲学 → 代码实现"两阶段流程，用种子随机性和参数化控制创作可复现的交互式艺术作品。
Create generative art with p5.js. Uses a two-phase "philosophy → code" process with seeded randomness and parametric control for reproducible, interactive artworks.
在 Canvas 上创作视觉艺术。通过"设计哲学 → 视觉表达"两阶段流程，配合 70+ 字体资源库，创建海报和字体丰富的布局。
Create visual art on Canvas. Uses a two-phase "philosophy → visual expression" process, backed by a 70+ font library for posters and font-rich layouts.
创建高质量、差异化的前端界面。通过"设计思维 + 美学指南"的极简指令，引导 Claude 创建视觉惊艳、风格独特的 UI。
Create distinctive, production-grade frontend interfaces. Uses minimal "design thinking + aesthetic guidelines" instructions to guide Claude in creating visually stunning UIs.
为 Artifacts 提供主题样式。包含 10 套精心设计的配色+字体方案，并支持按需生成自定义主题。
Theme artifacts with 10 preset color palette + font pairing themes, with the ability to generate custom themes on demand.
创建优化用于 Slack 的动画 GIF。4 个 Python 模块覆盖帧合成、动画曲线到 Slack 约束验证的完整管线。
Create Slack-optimized animated GIFs. 4 Python modules covering the full pipeline from frame composition and animation curves to Slack constraint validation.
构建复杂的 claude.ai HTML Artifact。用 init + bundle 两个 Shell 脚本，从空白到单文件 HTML 的完整管线。
Build complex claude.ai HTML Artifacts. A complete pipeline from blank slate to single-file HTML using two Shell scripts: init + bundle.