variant-design-skill
解决“空白画布”难题：输入提示词后生成 3 个风格各异的设计方案，再进行变体扩展并导出。该技能基于 Claude Code，并受 Variant 设计社区启发。
设计生成
提示词
方案变体
UI设计
Claude Code
设计效率
⭐ 17⬇️ 0🏷️ master📦 2
variant-design-skill-master.zip
144.5 KB下载
安装与使用说明
Codex
- 先下载 ZIP 包（例如：variant-design-skill-master.zip）。
- 解压后放到 $CODEX_HOME/skills/ 目录下。
- 如果没有设置 $CODEX_HOME，通常可放到 ~/.codex/skills/。
- 确保目录内有 SKILL.md，然后重开会话即可使用。
源码目录预览
├── examples │ └── coffee-brand-interactive.html ├── references │ ├── design-system │ │ ├── color-and-contrast.md │ │ ├── interaction-design.md │ │ ├── micro-interactions.md │ │ ├── motion-design.md │ │ ├── responsive-design.md │ │ ├── spatial-design.md │ │ ├── style-audit.md │ │ ├── typography.md │ │ └── ux-writing.md │ ├── creative.md │ ├── dashboard.md │ ├── ecommerce.md │ ├── editorial.md │ ├── education.md │ ├── fashion.md │ ├── food-beverage.md │ ├── interactive-patterns.md │ ├── mobile.md │ ├── palettes.md │ ├── portfolio.md │ ├── presentation.md │ ├── saas.md │ ├── voice.md │ ├── wechat.md │ └── wuxing-colors.md ├── LICENSE ├── README.md ├── README_CN.md └── SKILL.md
元数据
Slug: variant-design-skill
作者: YuqingNicole
协议: MIT
包大小: 144.5 KB
SHA256: 4e839e3e39a5fb4c238e95e754d9788335e9bbe736b791f9d73b5ec2aa6099da