这是面向 Codex 的前端设计技能，用途是在用户要求构建 Web 组件、页面、应用或界面时，引导生成独特且达到生产级质量的前端界面，避免千篇一律的“AI 生成审美”。用户需提供前端需求，可能包含用途、受众或技术约束等信息。
主要能力与流程：编码前先做设计思考，明确该界面解决的问题和使用者、选定一种极致的美学调性（如极简、极度繁复、复古未来、自然有机、奢华精致、玩具感、杂志编辑风、粗野主义、装饰几何、柔和粉彩、工业实用等）、确认技术约束（框架、性能、无障碍），并确定差异化记忆点。关键是有明确概念方向并精确执行，大胆繁复与精致极简都可行，核心是有意图。
随后实现可运行代码（HTML/CSS/JS、React、Vue 等），要求功能完整、视觉突出、风格统一、细节精炼。美学要点包括：字体选择独特美观，避免 Arial、Inter 等通用字体，可采用独特展示字体搭配精致正文字体；用 CSS 变量保持配色与主题一致，主色配锐利点缀；用动画做效果与微交互，HTML 优先纯 CSS，React 可用 Motion 库，重视有编排的页面加载与滚动、悬停状态；空间构成上可采用非对称、重叠、对角线、打破网格的布局；背景与视觉细节可用渐变网格、噪点、几何图案、层叠透明、戏剧性阴影、装饰边框、自定义光标、颗粒叠加等营造氛围。
资料明确禁止使用常见的 AI 式审美，如过度使用的字体族、白底紫色渐变、可预测布局，并建议不同生成之间在明暗主题、字体、美学上保持变化。注意实现复杂度需与美学愿景匹配。限制方面：仅提供该技能说明，未提供具体安装命令、收费价格、平台支持或效果保证等信息。