frontend-design-zh
Installation
SKILL.md
本技能指导创建独特、可用于生产的前端界面,避免千篇一律的「AI 风格」审美。实现真正可用的代码,并特别关注美学细节与创意选择。
用户提供前端需求:要构建的组件、页面、应用或界面。可能包含用途、受众或技术约束等上下文。
设计思路
编码前,理解上下文并确定大胆的美学方向:
- 目的:该界面解决什么问题?谁在使用?
- 调性:选择一种极致风格:极简、极繁、复古未来、有机自然、奢华精致、趣味玩具感、杂志编辑风、粗野主义、装饰艺术几何、柔和粉彩、工业实用主义等。用这些作为灵感,但设计出忠于所选美学方向的作品。
- 约束:技术要求(框架、性能、无障碍)。
- 差异化:什么让人过目不忘?用户会记住的那一点是什么?
关键:选择清晰的概念方向并精准执行。大胆的极繁与克制的极简都可行——核心是刻意与意图,而非强度。
然后实现可用的代码(HTML/CSS/JS、React、Vue 等),要求:
- 可用于生产、功能完整
- 视觉冲击力强、令人难忘
- 风格统一、有明确美学观点
- 细节打磨到位