用途:frontend-design 用于在前端开发中创建独特、达到生产级质量且设计水准较高的界面,适用于用户要求构建网页组件、页面等前端的场景。
主要能力:技能先做设计思考,明确目标问题与使用者、选定一种极端而清晰的美学基调(如极简、极繁、复古未来、自然、奢华、玩味、杂志编辑、粗野主义、几何装饰、柔和粉彩、工业实用等),并考虑框架、性能、无障碍等技术约束,以及差异化记忆点。随后实现可运行的 HTML/CSS/JS、React、Vue 等代码,要求功能可用、视觉醒目、风格统一、细节精炼。审美指导涵盖:排版选用有辨识度的字体并搭配精致正文字体,避免通用字体;用 CSS 变量保证配色与主题一致,主色配锐利点缀;用动效与微交互,HTML 优先纯 CSS,React 可用 Motion 库,重视页面加载编排与滚动、悬停状态;空间构图可用非对称、重叠、斜向、打破网格等;背景与视觉细节可用渐变网格、噪点、几何图案、透明层叠、戏剧性阴影、装饰边框、自定义光标等。同时明确避免通用 AI 风格,如常见字体、白底紫渐变、可预测布局,并强调实现复杂度要与美学目标匹配。
使用方式:资料给出流程为环境准备、按需初始化配置、实现核心功能、测试验证、部署上线。国内适配方面提到支持中文文档与注释、示例兼容国内环境、提供中文 FAQ。
限制:复杂业务逻辑需结合具体场景调整,性能优化需按实际数据量评估;不适用于不相关技术栈或框架,也不适用于需要完全自定义的特殊场景。资料未提供具体安装命令、价格、平台与效果数据。