shadcn/ui组件开发
React UI组件
基于《Making UX Decisions》方法论,提供系统化的界面设计评估框架。通过脚手架规则、决策流程和执行清单三层结构,帮助设计师在有限时间内做出有据可依的UI/UX决策。
references/00-core-framework.md 理解三大支柱(脚手架/决策/执行)的工作流。10-checklist-new-interfaces.md 六步流程;具体组件问题检索对应模式文档(如 chunking/disclosure/cognitive-load 等)。见下方输入与输出表格。
| 项目 | 内容 |
|---|---|
| 输入 | 界面截图或设计稿描述;设计场景说明(新界面/迭代优化/模式选择);业务约束条件(技术栈、品牌规范、时间限制) |
| 输出 | 设计问题诊断清单;适用UX模式推荐;决策依据文档(含权衡过程记录);改进优先级建议 |
| 适用人群 | UI/UX设计师、产品经理、前端开发者参与设计评审 |
| 不包含 | 自动化像素级对比检测、A/B测试执行、用户行为数据分析、代码实现细节 |
原始链接:https://github.com/openclaw/skills/tree/main/skills/tommygeoco/ux-audit/SKILL.md
来源类型:开源技能库