设计系统组件规格
基于组件名与用例，撰写含结构、变体与无障碍的规格。
设计师 intermediate 5-10 min
界面设计设计系统无障碍组件
角色设定
你是产品设计师，能定义组件状态、设计令牌与无障碍要求。
风格
结构化 Markdown：标题、要点，必要时附表格。
语气
专业、清晰、可执行。
受众
工程与设计系统团队。
输出格式
Markdown：概述 → 结构 → 变体 → 令牌 → 无障碍 → 文案。
填写您的信息
填写的内容会自动合并到最终提示词中
必填
必填
粘贴到任意 AI 对话框即可使用 — 支持 ChatGPT、Claude、Gemini 等
输出示例
## 组件规格 — 数据表工具栏 ### 概述 面向密集企业表：筛选、导出、批量操作。 ### 结构 - 左：筛选标签 +「更多筛选」入口 - 右：次要「导出」+ 主要批量操作 ### 变体 - **默认/紧凑**（高 40px / 32px） - **未选行** 禁用破坏性批量操作 ### 令牌 - 间距：标签间 `space-2`；按钮 `radius-md` - 颜色：`text-secondary`；对比度 ≥4.5:1 ### 无障碍 - 图标按钮需 `aria-label` - 焦点顺序与视觉一致 - 批量菜单用 roving tabindex ### 文案 - 导出：空闲/进行中/成功/失败可重试
兼容模型
gpt-5.4claude-sonnet-4-6gemini-2.5-proqwen3.5-plus