wednesday-design

wednesday-design 技能作为 Wednesday Solutions 项目现代前端开发的严格 UI 与 UX 合规引擎。它专门针对使用 Tailwind CSS 的 React 与 Next.js 环境进行了优化，担任设计一致性的守门人。此技能的主要任务是透过强制执行从 shadcn/ui、Aceternity UI、Magic UI、Motion Primitives、Animate UI、Eldora UI、Cult UI 与 ABUI 等八个核准库中挑选的 492 个以上预先验证组件，来消除客制化 UI 组件的开发需求。透过集中化设计决策，它确保所有 UI 元素皆经过压力测试、具备无障碍性且效能优异。

• 强制严格遵守组件库优先顺序清单，要求开发人员在尝试任何客制样式前，优先使用现有组件。

• 提供视觉设计标记、间距系统与字体排版层级（Instrument Serif 与 DM Sans）的立即指导，以确保品牌对齐。

• 提供 UI 解决方案的快速查询功能，将功能需求（如 3D 卡片效果、资料表格、对话框或打字机动画）映射到确切的核准组件。

• 默认整合无障碍性审查，在非合规的 UI 元素进入代码库之前进行标记。

• 包含明确的决策流程：检查组件是否存在、组合现有组件，或使用预定义的设计标记来扩展样式。

• 透过将视觉设计输出与业务逻辑、TypeScript 定义及 API 路由结构进行严格区分，防止架构偏移。

• 每当您在建置 UI 组件、应用 Tailwind 类别或处理前端无障碍问题时，请使用此技能。

• 在撰写任何新代码之前，请务必查阅核准的组件库索引，以防止重复或非标准组件的产生。

• 当找不到所需的 UI 组件时，请遵循升级协议：先尝试组合现有组件，接着扩展样式，仅在没有其他可行方案时才寻求客制化实作的批准。

• 遵守既定的 4px 基底网格间距系统与品牌专属配色方案（绿色 #4ADE80 到青色 #0D9488），以维持顶级且极简的美学风格。

• 开发人员应将此技能视为视觉输出的强制同行审查员，将一致性与维护速度置于客制化功能实作之上。