适合做什么
- 为新界面或现有页面确定清晰的视觉方向并落地。
准备条件
- 可读取本地 Skill 文件的 AI Agent；准备任务背景与原始材料。
- 本地代码项目，以及可编辑文件和执行命令的 Agent。
第一次使用
安装后在 AI 工具中发送这条示例。
请使用 frontend-design 完成以下任务：为新界面或现有页面确定清晰的视觉方向并落地。 先询问缺少的背景信息，只使用我提供的证据或可以核验的来源，并说明结果需要检查哪些内容。
检查预期结果
得到针对任务的草稿或分析，包含假设、证据缺口和可供检查的后续步骤。
使用边界
- 使用输出前核对事实依据和建议操作。
- 已完成来源与包文件检查，尚未声明完成 Agent 端到端任务验证。
公开来源，可追溯
已检查来源、许可证和包内文件。尚未完成所有工具中的真实任务测试；示例描述的是预期结果。
来源审核日期:
FAQ
智能体 Skills 常见问题
从选择、安装到第一次使用，找到你需要的答案。
如何安装和开始使用 前端界面设计？
下载本页的完整 ZIP，保留 frontend-design 文件夹及配套文件。Claude Code 项目安装目录为 .claude/skills/frontend-design/，Codex 为 .agents/skills/frontend-design/，SKILL.md 应直接位于其中。完成本页准备条件、确认工具已识别后，使用“第一次使用”卡片中的示例开始小任务。
使用 前端界面设计 需要准备什么？
可读取本地 Skill 文件的 AI Agent；准备任务背景与原始材料。 本地代码项目，以及可编辑文件和执行命令的 Agent。
这些 Skills 可以处理中文任务吗？
可以要求支持中文的智能体处理中文材料并用中文输出。请在任务中明确输出语言、目标读者和术语要求；具体效果取决于智能体和 Skill，使用时按任务要求检查结果。
这个 Skill 来自哪里，使用什么许可证？
原作者为 Anthropic，上游仓库为 anthropics/skills，附带 Apache-2.0 许可证。本站保留完整文件与来源版本，下载包由 GitHub Releases 提供。你可以在“公开来源”卡片中查看固定版本和原始文件。
这些 Skills 都经过实测吗？使用时需要检查什么？
当前目录完成了来源、许可证和包内容检查，尚未声称每个 Skill 都在所有 Agent 中完成真实任务测试。启用前阅读文件与准备条件，使用时核对事实、引用、生成代码和建议操作。页面示例描述预期结果，不代表已经实测的演示。
