高辨识度前端实现
frontend-design · 开发与技术 · 社区
面向前端开发者，把视觉方向落成有辨识度、可直接上线的界面代码，兼顾观感与工程质量。
这个技能能做什么
- 依据视觉方向产出完整页面代码
- 打磨排版、间距与动效等细节
- 保证响应式布局与清晰的组件结构
- 交付可直接部署的前端项目
什么时候用
- 产品要上线，但页面看着很模板化想重做
- 手上没有设计稿，需要一个有调性的界面方案
什么时候别用
只是改一个按钮颜色这类小改动时，用它太重。
适用场景与行业
配合这些工具用
- v0
- Cursor
- Claude Code
怎么安装
从公开技能市场获取：https://lobehub.com/skills/affaan-m-everything-claude-code-frontend-design；下载后放入 ~/.claude/skills/ 或项目内的 .claude/skills/ 目录
来源：https://lobehub.com/skills/affaan-m-everything-claude-code-frontend-design
原始英文描述（未经改写）
产出有辨识度、可直接上线的前端界面；当视觉方向与代码质量同样重要时使用。
