LogoClawIndex
案例技能关于
LogoClawIndex

frontend-design-system - 查找并复用规范的前端 UI 原语

通过查找规范原语、选择适用变体、遵守组件边界并避免重复实现,指导前端组件与样式开发。

标签

更新于: 2026-10-07

能力

典型输入

典型输出

该技能可以做什么

  • 搜索现有 UI 原语
  • 检查两个组件清单
  • 复用规范组件变体
  • 应用按钮和表格规范
  • 通过 CorePanel 路由图表
  • 使用设计令牌管理样式
  • 审查组件重复实现

输入

  • 前端源文件
  • UI barrel 导出
  • 全局 CSS 文件
  • Git 历史
  • 组件变更范围

输出

  • 组件复用指导
  • 变体选择决策
  • 重复组件发现结果
  • CSS 归属检查结果
  • 前端组件变更

要求

  • 前端代码仓库访问权限
  • frontend/src 工作区
  • grep 和 Shell 工具
  • Python 3
  • Git 历史访问权限

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
前端
设计系统
UI 组件
React
TypeScript
CSS
无障碍
搜索现有 UI 原语
检查两个组件清单
复用规范组件变体
应用按钮和表格规范
前端源文件
UI barrel 导出
全局 CSS 文件
组件复用指导
变体选择决策
重复组件发现结果