forge-town UI 组件最佳实践
使用说明
- 阅读 组件库规范指南，了解何时必须使用组件库组件
- 对照 检查清单 逐项验证代码
- 参考 最佳实践示例 了解标准写法
重要： 遇到标准 UI 场景时，必须使用组件库组件，禁止直接使用原生 HTML 元素
Forge UI Components Best Practice
Must follow when 创建或审查 UI 组件代码，确保在标准场景下使用项目组件库组件（如 shadcn/ui），禁止直接使用原生 HTML 元素。
Forge UI Components Best Practice by forge-town · 0a621be
npx skillmds@latest add forge-town/forge-ui-components-best-practice File contents
---name: forge-ui-components-best-practicedescription: Must follow when 创建或审查 UI 组件代码，确保在标准场景下使用项目组件库组件（如 shadcn/ui），禁止直接使用原生 HTML 元素。---# UI 组件最佳实践## 使用说明1. 阅读 [组件库规范指南](references/standard.md)，了解何时必须使用组件库组件2. 对照 [检查清单](references/checklist.md) 逐项验证代码3. 参考 [最佳实践示例](best-practice-examples/) 了解标准写法**重要：** 遇到标准 UI 场景时，必须使用组件库组件，禁止直接使用原生 HTML 元素
forge-town/skills/tree/main/skills/forge_ui-components-best-practice commit 0a621bed59
Frequently asked questions
Run npx skillmds@latest add forge-town/forge-ui-components-best-practice in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
Must follow when 创建或审查 UI 组件代码，确保在标准场景下使用项目组件库组件（如 shadcn/ui），禁止直接使用原生 HTML 元素。 It is listed under Web & Frontend on SkillMD.
This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
forge-town (@forge-town) published this skill. Their other Agent Skills are listed on their SkillMD profile.