用途:当用户要求构建 Web 组件、页面或界面时,该技能用于指导创建独特且生产级的前端界面,避免落入通用“AI 感”审美,并用代码实现可运行结果。
主要能力:在编码前先进行设计思考,包括明确用途(界面解决什么问题、给谁用)、选定鲜明的语气(如极简、极繁、复古未来、自然有机、奢华精致、玩趣、杂志编辑感、粗野主义、装饰几何、柔和粉彩、工业实用等)、考虑技术约束(框架、性能、可访问性)以及差异化(让人记住的独特之处)。强调选择清晰的概念方向并精确执行,极繁与极简都可成立,关键是有意图而非强度。随后实现可运行、生产级、视觉突出且细节精致、审美统一的代码,支持 HTML/CSS/JS、React、Vue 等。
使用方式:用户提供前端需求(组件、页面、应用或界面)以及可能的用途、受众或技术约束;技能先做设计思考再实现。实现前应阅读 references/aesthetics-guidelines.md,其中包含排版、色彩、动效、空间构图及反模式指导。
适用场景:构建 Web 组件、页面或界面,且希望获得高质量、有独特审美方向的前端实现。
限制:资料未提供具体命令、安装方式、定价或可用平台信息;具体技术栈取决于用户需求。