skills/skills.volces.com/frontend-design-zh

frontend-design-zh

Installation
SKILL.md

本技能指导创建独特、可用于生产的前端界面,避免千篇一律的「AI 风格」审美。实现真正可用的代码,并特别关注美学细节与创意选择。

用户提供前端需求:要构建的组件、页面、应用或界面。可能包含用途、受众或技术约束等上下文。

设计思路

编码前,理解上下文并确定大胆的美学方向:

  • 目的:该界面解决什么问题?谁在使用?
  • 调性:选择一种极致风格:极简、极繁、复古未来、有机自然、奢华精致、趣味玩具感、杂志编辑风、粗野主义、装饰艺术几何、柔和粉彩、工业实用主义等。用这些作为灵感,但设计出忠于所选美学方向的作品。
  • 约束:技术要求(框架、性能、无障碍)。
  • 差异化:什么让人过目不忘?用户会记住的那一点是什么?

关键:选择清晰的概念方向并精准执行。大胆的极繁与克制的极简都可行——核心是刻意与意图,而非强度。

然后实现可用的代码(HTML/CSS/JS、React、Vue 等),要求:

  • 可用于生产、功能完整
  • 视觉冲击力强、令人难忘
  • 风格统一、有明确美学观点
  • 细节打磨到位
Installs
2
First Seen
Apr 23, 2026
frontend-design-zh from skills.volces.com