关于 design-ui
design-ui 是一项 UI 设计技能，按产品界面或营销创意工作选择对应指南，并提供规划、审美校准及相关技能的参考。
主要功能
- 01产品 UI 设计指南
- 02营销与创意 UI 指南
- 03低保真规划参考
- 04审美反模式参考
- 05动画、审查与实现相关技能
适用场景
- 01规划 SaaS 或管理界面
- 02设计营销或品牌体验
- 03对照反模式校准 UI 方向
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/design-ui确认已加载。
包含的文件
除 SKILL.md 外，安装时一起下载的参考资料和脚本。
aesthetic-direction.mddesign-in-code.mdmarketing-ui.mdproduct-ui.md详细介绍
UI 设计
选择合适的方向，并遵循相应指南。
方向
- 产品 UI（SaaS／管理后台／数据密集型）：参阅 product-ui.md
- 营销／品牌／创意：参阅 marketing-ui.md
参考资料
- 低保真规划：参阅 design-in-code.md
- 反模式与校准：参阅 aesthetic-direction.md
相关技能
ui-animation用于了解动效时序、缓动和减少动态效果的行为audit-ui用于无障碍检查和最终 QAimplement-frontend用于 React/TypeScript 实现规范
评论
支持 Markdown