用途：frontend-design 是 OpenHands 扩展中的一项前端设计技能，用于在用户提出构建 Web 组件、页面、应用或界面需求时，指导生成风格鲜明、可直接投入使用的生产级前端界面，并刻意避开常见的“AI 味”审美。
主要能力：技能强调先做设计思考再写代码，包括明确界面要解决的问题与使用者、选定一种极端的审美基调（如极简、极繁、复古未来、自然有机、奢华精致、玩具感、杂志编辑风、粗野主义、装饰几何、柔和粉彩、工业实用等）、考虑框架与性能、无障碍等技术约束，并思考如何让设计令人难忘。随后实现可运行代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉突出、风格统一、细节精炼。
美学要点：字体上避免 Arial、Inter 等通用字体，选择独特且有个性的展示字体搭配精致正文字体；色彩与主题上使用 CSS 变量保持统一，以主色加锐利点缀替代平均分布的配色；动效上优先纯 CSS 方案，React 场景可用 Motion 库，重视页面加载时的错落揭示与滚动、悬停等惊喜交互；空间构图上鼓励非对称、重叠、对角流动、打破网格，以及大量留白或受控密集；背景与视觉细节上可用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标、颗粒叠加等营造氛围与层次。
使用方式：用户提供前端需求（组件、页面、应用或界面），可附带用途、受众或技术约束等背景信息，技能据此产出代码。资料未提供具体安装命令或调用参数。
限制与注意：技能明确要求避免过度使用的字体族、俗套配色（如白底紫色渐变）、可预测的布局与组件模式，以及缺乏语境特征的模板化设计；同时要求实现复杂度与审美愿景匹配，极繁设计需要更复杂的动画与效果代码，极简设计则需克制与精准。资料未说明收费、价格、支持平台或效果保证等信息。