القائمة
创建高品质、生产级前端界面。当用户需要构建 Web 组件、页面、应用或美化任何 Web UI 时使用此 Skill。包括：网站、落地页、仪表盘、React 组件、HTML/CSS 布局、或任何需要精致样式的界面设计。生成具有创意的、精心打磨的代码和 UI 设计。
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
全栈故障诊断与日志溯源技能 — 允许 AI 自动串联前后端日志并定位 Bug 根因。
处理全渠道邮件聚合平台的智能首回任务。功能：L1-L5 分级标注 (01)、首回草稿生成 (02)、敏感词风控校验。支持多意图识别与订单信息关联。
处理物流进度查询 (意图 02)。对接 17track 实时查询接口，支持官网订单号自动关联查询或直接使用运单号。
处理核心订单业务 (意图 01, 03, 04)。用于：查询详情、申请取消、修改收货地址。涉及单号识别 (EFXX, Amazon) 与登录状态校验。
基于 Neo4j 的架构资产图谱映射，实现从需求到代码的精准路径发现
基于 Neo4j 架构图谱的测试盲区诊断、自动化用例生成与 Trace 闭环验证技能。每当用户询问“系统测试是否完整”、“如何补齐覆盖率”、“目前的盲区在哪里”或提到代码与需求的对齐关系时，必须使用此技能进行图谱诊断。
| name | frontend-design |
| description | 创建高品质、生产级前端界面。当用户需要构建 Web 组件、页面、应用或美化任何 Web UI 时使用此 Skill。包括：网站、落地页、仪表盘、React 组件、HTML/CSS 布局、或任何需要精致样式的界面设计。生成具有创意的、精心打磨的代码和 UI 设计。 |
创建高品质、生产级前端界面的设计指南。实现真正可用的代码，对美学细节和创意选择给予极致关注。
用户提供前端需求：一个组件、页面、应用或界面。他们可能包含关于用途、受众或技术约束的上下文。
编码前，理解上下文并确定一个大胆的美学方向：
关键: 选择一个清晰的概念方向并精确执行。大胆的极繁主义和精炼的极简主义都有效 — 关键是意图性，不是强度。
然后实现可运行的代码（HTML/CSS/JS、React、Vue 等），确保：
核心关注点：
brand-guidelines skill。避免 过度使用的设计套路：过度居中的布局、紫色渐变白底背景、统一的圆角、千篇一律的设计。
富有创意地诠释，做出出人意料的选择，让设计感觉是真正为具体场景量身定制的。没有两个设计应该雷同。在明暗主题、不同字体、不同美学之间变换。
重要: 实现的复杂度要匹配美学愿景。极繁风格需要精心的代码和大量动画效果。极简或精炼风格需要克制、精确，以及对间距、字体和细微细节的精心关注。优雅来自对愿景的精确执行。
当为 HiveMind 平台创建界面时，遵循以下额外规范：
brand-guidelines skill 获取标准配色和字体frontend/src/styles/variables.css 的 CSS 变量frontend/src/styles/mixins.module.css 的设计模式（毛玻璃、渐变文字等）