frontend-design

@damianjedryka39-create · 收录于 1 周前 · 上游提交 3 周前

Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.

场景页面开发组件构建 ui实现

适合你，如果需要在代码质量与视觉设计之间取得平衡

/ 下载安装

https://github.com/damianjedryka39-create/temple_repo_v2/tree/main/REPOSITORIES/everything-claude-code/.agents/skills/frontend-design ↗

/ 通过 npx 安装 校验哈希

npx oh-my-skill add damianjedryka39-create/temple_repo_v2/frontend-design

/ 通过 bash 安装

curl -fsSL https://oh-my-skill.com/install.sh | bash -s -- damianjedryka39-create/temple_repo_v2/frontend-design

/ 已经装过?验证本机副本,不用重装

npx oh-my-skill verify damianjedryka39-create/temple_repo_v2/frontend-design

安装目标可用 --agent / --scope 或 --to 明确指定;省略时只会在唯一已存在的 agent 目录上自动选择,零命中或多命中会停止并提示。content_hash 缺失或不一致均拒装。

0GitHub stars

~759上下文体积 · 单文件

索引托管

怎么用

商店整理自技能原文 · 版本 7b22237 · 表述以原文为准

它做什么

Claude 会先确定界面的目的、受众、情感基调等，然后构建视觉系统（字体、颜色、间距等），最后产出有明确设计风格的前端代码，避免通用AI风格的UI。

什么时候触发

当你要求构建网页组件、页面或应用，且视觉质量与代码质量同等重要时触发。

装好后可以这样说

Claude会先分析需求，然后构建视觉系统并产出代码。

Claude会保留现有功能，重新设计视觉方向。

技能原文在 GitHub 查看 →

登录即可评论;带「已验证安装」的,是发布者名下有本店的安装或持有记录。

…