前端与设计类技能聚焦页面搭建、UI 组件生成、样式调优、设计稿还原与图表可视化。它们能读懂组件结构并按团队规范输出代码，适合配合 React、Vue、Tailwind 等主流前端栈使用。以下技能均来自公开 GitHub 仓库，安装前请确认 SKILL.md 中的指令范围，需要执行构建命令或访问剪贴板的技能请在受控环境先行试用。
安装方式因平台而异：Claude Code 用户可将技能仓库克隆到 ~/.claude/skills/ 目录，或通过插件市场一键安装；Cursor、Codex 等平台按其官方文档加载 SKILL.md 文件。安装后重启会话，即可通过自然语言直接调用。
本站按技能的指令行为做了风险分级：「官方」来自 Anthropic 官方仓库，「低风险」仅做纯文本处理，「需注意」会执行 shell 命令或访问环境变量等敏感资源，请先在受控环境试用；「高风险」技能不建议安装。
是。本页收录的全部技能均来自公开 GitHub 仓库与免费技能目录站，遵循原作者的开源协议。本站只做导航与点评、不提供下载包，所有安装动作均在技能源站完成。
按 GitHub 星标量级、维护活跃度与实际实用性综合筛选，数据每日同步；标注「💡 点评」的条目是编辑实测后撰写的中文点评，可作为选型参考。