variant-design-skill
解决“空白画布”难题：输入提示词即可生成 3 个风格各异的设计方案，并可继续变体迭代与导出。这是一项受 Variant 设计社区启发的 Claude Code skill。
设计灵感
变体设计
UI设计
生成式设计
Claude Code
提示词
⭐ 5⬇️ 0🏷️ master📦 2
variant-design-skill-master.zip
133.8 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 │ └── saas.md ├── LICENSE ├── README.md ├── README_CN.md └── SKILL.md
元数据
Slug: variant-design-skill
作者: YuqingNicole
协议: MIT
包大小: 133.8 KB
SHA256: bebb5b5813b9dc515e6d48f8acfe48cb93a68ee0ec58a3b043f0faad0eae97ff