LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。

使用该输入的 Skills:设计规范

浏览使用该输入的技能列表。

  • frontend - 前端开发模式
    前端开发组件状态管理性能优化

    ★ 18 · 更新于 2026-06-30

    提供组件设计、状态管理、性能优化和无障碍开发的前端模式

    ⚙ 创建组件⚙ 修改组件⚙ 设计UI交互
  • design-system-patterns - 构建可扩展设计系统
    设计系统设计令牌主题组件库

    ★ 0 · 更新于 2026-06-15

    使用设计令牌、主题基础设施和组件架构模式构建可扩展设计系统

    ⚙ 定义设计令牌⚙ 配置主题基础设施⚙ 构建组件库
  • authoring-wpf-controls - WPF控件开发指南
    开发指南WPF桌面应用UI开发

    ★ 18 · 更新于 2026-06-15

    为WPF控件开发提供决策指导,包括基类选择和模板替代方案。

    ⚙ 提供基类选择标准⚙ 提供实施原则⚙ 提供配置标准
  • ui-styling - 使用 Shadcn 和 Tailwind 构建美观可访问的 UI
    UI样式Tailwind CSSshadcn/ui

    ★ 602 · 更新于 2026-06-15

    使用 shadcn/ui 组件、Tailwind CSS 实用程序样式和基于画布的视觉设计创建美观可访问的 UI。

    ⚙ 创建用户界面⚙ 使用 Tailwind CSS 样式⚙ 添加可访问组件
  • canon-interaction - 设计交互式 UI 状态
    交互设计无障碍UI 状态焦点管理

    ★ 3 · 更新于 2026-05-28

    设计和审计交互状态、焦点管理、键盘导航和点击目标

    ⚙ 设计交互状态⚙ 审计交互状态⚙ 管理焦点
  • frontend-developer - 现代前端开发专家
    前端Web开发ReactVue

    ★ 18 · 更新于 2026-03-26

    构建响应式Web应用,使用现代框架并优化性能

    ⚙ 构建Web应用⚙ 实现UI组件⚙ 优化性能
  • frontend-developer - 前端开发专家
    前端开发Web开发ReactVue

    ★ 19 · 更新于 2026-03-26

    专注于现代Web技术和性能优化的前端开发专家

    ⚙ 构建编辑器扩展⚙ 实现WebSocket桥接⚙ 处理编辑器协议URI
  • aksel - Aksel 设计系统
    设计系统React 组件UI 开发可访问性

    ★ 0 · 更新于 2026-03-26

    使用 React 组件、设计令牌和布局原语构建 UI,遵循 Nav 的可访问性准则

    ⚙ 选择 React 组件⚙ 应用设计令牌⚙ 使用布局原语
  • frontend-developer - 现代前端开发专家
    前端开发ReactVueAngular

    ★ 602 · 更新于 2026-03-26

    现代Web技术和UI实现的前端开发专家

    ⚙ 构建编辑器扩展⚙ 实现WebSocket桥接⚙ 处理编辑器协议URI
  • Frontend Development - 使用 Angular、React、Vue、Next.js 进行专业前端开发
    前端Web 开发AngularReact

    ★ 57 · 更新于 2026-03-23

    使用 Angular、React、Vue 3 和 Next.js 框架开发前端应用,遵循最佳实践

    ⚙ 创建 Angular 组件⚙ 创建 React 组件⚙ 创建 Vue 组件
  • Frontend Development - 专业前端开发
    前端angularreactvue

    ★ 602 · 更新于 2026-03-23

    使用Angular、React、Vue和Next.js开发前端应用

    ⚙ 创建Angular组件⚙ 创建React组件⚙ 创建Vue组件
  • ux - PastCare UX设计技能
    UX设计响应式设计可访问性UI组件

    ★ 0 · 更新于 2026-03-22

    实现包括响应式设计和可访问性在内的UX模式

    ⚙ 设计响应式组件⚙ 创建主题感知样式⚙ 应用间距系统
  • qa-workflow - QA验证工作流编排
    QA验证工作流测试

    ★ 1 · 更新于 2026-03-11

    使用专门技能编排完整QA验证工作流

    ⚙ 加载技能和工具⚙ 运行任务⚙ 运行子代理
  • frontend-style-layout - Tailwind v4 前端样式与布局模式
    前端Tailwind CSS布局响应式设计

    ★ 1 · 更新于 2026-03-10

    使用 Tailwind v4 应用一致的样式和布局模式

    ⚙ 应用 Tailwind v4 类⚙ 构建页面布局⚙ 选择间距方法
  • code-quality-foundations - 代码质量基础与决策框架
    代码质量软件设计代码审查最佳实践

    ★ 57 · 更新于 2026-03-09

    提供评估代码质量、设定目标、选择抽象级别和进行设计权衡的框架

    ⚙ 评估代码质量⚙ 设定质量目标⚙ 选择抽象级别
  • code-quality-foundations - 代码质量基础:支柱、目标与设计原则
    代码质量软件设计架构最佳实践

    ★ 0 · 更新于 2026-03-09

    提供评估代码质量、进行设计决策和依据质量支柱审计的框架

    ⚙ 评估代码质量⚙ 设定质量目标⚙ 选择抽象层级
  • ui-clone - 从截图或参考网页实现像素级UI复制
    UI复制前端开发nextjstailwind-css

    ★ 602 · 更新于 2026-03-09

    在Next.js App Router项目中以像素级精度复制UI设计

    ⚙ 分析UI截图⚙ 分解设计结构⚙ 生成视觉规范
  • rams - UI组件可访问性与视觉设计审查
    可访问性设计审查WCAG合规UI测试

    ★ 8 · 更新于 2026-02-23

    审查UI代码的可访问性合规性和视觉设计问题

    ⚙ 扫描代码查找可访问性问题⚙ 审查视觉设计问题⚙ 识别WCAG违规
  • rams - Rams设计审查:可访问性与视觉问题检测
    可访问性设计审查WCAGUI

    ★ 0 · 更新于 2026-02-23

    审查UI代码的WCAG合规性和视觉设计问题

    ⚙ 审查UI代码⚙ 检查WCAG合规性⚙ 检测视觉问题
  • ui-design-iteration - 迭代数据密集型UI设计以提升可扫描性、层次结构、可访问性和系统化
    UI设计用户体验迭代可访问性设计系统

    ★ 8 · 更新于 2026-02-17

    对数据密集型UI设计进行迭代,提升可扫描性、层次结构、可访问性和系统化

    ⚙ 审查UI设计⚙ 分析用户界面⚙ 识别用户体验问题

Scroll to load more