design-skills
一套专为UI/UX设计、实现与评审任务自动激活的AI决策框架集合。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：design-skills。 它的用途是：一套专为UI/UX设计、实现与评审任务自动激活的AI决策框架集合。 完整的 Skill 内容见：https://321skill.com/skills/design-skills-mae616/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“帮我把这个Figma设计稿转换成React组件。”，它会自动激活‘frontend-implementation’和‘accessibility-engineer’技能，在实现视觉还原的同时，优先考虑使用语义化HTML、管理组件状态，并确保键盘导航等可访问性基线。或者
对AI说：“用户反馈我们的注册流程太复杂，流失率高。”，它会激活‘usability-psychologist’技能，从认知负荷、错误预防和操作步骤一致性等角度帮你分析问题并提出优化建议。
介绍
该技能包旨在解决AI在处理设计相关任务时，决策过程零散、缺乏系统性框架的问题。它提供了一套覆盖UI设计、前端实现、创意编码、可访问性和可用性心理学的结构化思维模型，确保AI的产出在专业性和一致性上达到更高标准。
使用时，用户只需通过一条命令安装技能包，并在Claude的系统提示文件（如CLAUDE.md）中添加预设的决策框架即可。之后，在日常对话中，当AI识别到与设计、实现、动画、可访问性或用户体验相关的关键词时，对应的技能会自动触发，无需用户手动调用。
这套技能非常适合需要AI辅助进行界面设计、代码实现、交互优化或可用性分析的用户。无论是前端开发者、UI设计师，还是产品经理，都能从中受益，让AI的产出更贴近专业工作流。
建议用户根据自身主要工作语言（英语或日语）选择合适的提示词版本。虽然技能支持自动触发，但在进行关键设计决策时，仍建议用户结合自身专业知识进行最终判断，AI的框架可作为有力的辅助和校验工具。
核心特点
核心区别在于其“按需自动激活”的机制和“结构化决策框架”。不同于需要用户手动调用的通用设计建议，它根据对话上下文自动匹配并应用最相关的专业思维模型（如ui-designer、accessibility-engineer），确保AI的思考过程始终遵循UI/UX领域的最佳实践。
注意事项
不适合处理与视觉设计、前端实现、交互或用户体验完全无关的纯逻辑、算法或后端开发任务。
常见问题
这个技能包支持中文吗？
目前主要支持英语和日语关键词触发，但技能输出的内容可以是中文。用户可以在中文对话中提及相关英文或日文关键词来激活技能。
如何知道哪个技能被激活了？
技能在后台自动工作，通常不会明确声明。但你可以通过AI回复内容的专业性和侧重点（例如，开始系统性地讨论信息架构或可访问性规范）来判断相关技能已被应用。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/design-skills-mae616/raw/index.md 读取 design-skills 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/design-skills-mae616/raw/index.md（查看排版版本）