frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
适合你，如果需要快速生成美观、可投产的前端代码
/ 通过 npx 安装 校验哈希
npx oh-my-skill add composiohq/awesome-claude-plugins/frontend-design/ 通过 bash 安装
curl -fsSL https://oh-my-skill.com/install.sh | bash -s -- composiohq/awesome-claude-plugins/frontend-design/ 已经装过?验证本机副本,不用重装
npx oh-my-skill verify composiohq/awesome-claude-plugins/frontend-design安装目标可用 --agent / --scope 或 --to 明确指定;省略时只会在唯一已存在的 agent 目录上自动选择,零命中或多命中会停止并提示。content_hash 缺失或不一致均拒装。
1815GitHub stars
~810上下文体积 · 单文件
索引托管
怎么用
商店整理自技能原文 · 版本 9ef49d0 · 表述以原文为准它做什么
Claude 会生成具有独特视觉风格的前端代码（HTML/CSS/JS、React 等），注重排版、色彩、动效和布局，避免常见的 AI 设计套路。
什么时候触发
当用户要求构建网页组件、页面或应用时触发。
装好后可以这样说
Claude 会生成对应风格的 HTML/CSS 代码。
Claude 会输出 React 组件代码。
评论
登录即可评论;带「已验证安装」的,是发布者名下有本店的安装或持有记录。
…