LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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

使用该输入的 Skills：component requirements

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

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

    ★ 18 · 更新于 2026-06-30

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

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

    ★ 0 · 更新于 2026-06-15

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

    ⚙ 创建设计令牌⚙ 实现主题切换⚙ 构建多品牌主题
  • design-guide - 现代UI设计指南
    UI设计前端样式

    ★ 18 · 更新于 2026-05-28

    提供现代UI设计原则，用于构建简洁、专业且一致、最小化、可访问的界面。

    ⚙ 定义配色方案⚙ 指定间距单位⚙ 设置排版规则
  • react - React 最佳实践指南
    react前端web 开发组件

    ★ 602 · 更新于 2026-05-28

    提供 React 最佳实践，用于构建可扩展的 Web 应用程序，包含官方文档指导和社区标准

    ⚙ 创建 React 组件⚙ 设计项目结构⚙ 实现状态管理
  • sf-lwc - Salesforce LWC 脚手架工具
    salesforcelwclightning-web-componentsjest

    ★ 4 · 更新于 2026-05-11

    生成 LWC 组件包，包含 HTML、JS、CSS、配置和 Jest 测试

    ⚙ 创建 HTML 模板⚙ 生成 JS 控制器⚙ 编写 CSS 样式
  • responsive-patterns - 使用容器查询的 React 响应式设计
    响应式容器查询流体排版移动优先

    ★ 128 · 更新于 2026-05-11

    为 React 应用提供使用容器查询、流体排版和移动优先策略的现代响应式设计模式

    ⚙ 创建容器查询组件⚙ 实现流体排版⚙ 构建响应式布局
  • sf-lwc - Salesforce LWC组件脚手架工具
    SalesforceLWCLightning Web ComponentsJest

    ★ 602 · 更新于 2026-05-11

    生成Salesforce LWC组件包，包含HTML、JS、CSS、meta.xml配置和Jest测试

    ⚙ 生成HTML模板⚙ 生成JS控制器⚙ 生成CSS样式
  • building-compound-components - 创建无样式 React 复合组件
    React复合组件无头 UI组件库

    ★ 11,151 · 更新于 2026-05-09

    创建无样式复合组件，将业务逻辑与样式分离

    ⚙ 创建上下文文件⚙ 创建根组件⚙ 创建消费者组件
  • design-system-creator - 设计系统架构师与CSS专家
    设计系统设计令牌组件CSS架构

    ★ 602 · 更新于 2026-05-09

    构建包含设计令牌、组件库和生产级CSS架构的综合设计系统

    ⚙ 创建设计令牌⚙ 构建CSS架构⚙ 文档化组件
  • frontend-developer - 现代前端开发专家
    前端Web开发ReactVue

    ★ 18 · 更新于 2026-03-26

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

    ⚙ 构建Web应用⚙ 实现UI组件⚙ 优化性能
  • design-system-components - 构建可复用的设计系统组件
    设计系统组件ReactTypeScript

    ★ 0 · 更新于 2026-03-25

    使用 Surface 原语、CVA 变体和设计令牌构建可复用组件

    ⚙ 定义 CVA 变体⚙ 创建 Surface 原语⚙ 构建组件变体
  • Frontend Development - 专业前端开发技能
    前端angularreactvue

    ★ 18 · 更新于 2026-03-23

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

    ⚙ 创建 Angular 组件⚙ 创建 React 组件⚙ 创建 Vue 组件
  • oceanbase-design-usage - OceanBase Design 使用规范
    前端开发设计系统组件库代码迁移

    ★ 50 · 更新于 2026-03-23

    指导正确使用 OceanBase Design 包，包含导入规范、主题模式和迁移工具

    ⚙ 引入组件⚙ 配置主题⚙ 迁移代码
  • web-accessibility - 遵循 WCAG 2.1 构建无障碍网页应用
    网页无障碍WCAG 2.1ARIA键盘导航

    ★ 125 · 更新于 2026-03-10

    按照 WCAG 2.1 指南构建无障碍网页应用

    ⚙ 实现 ARIA 模式⚙ 配置键盘导航⚙ 添加屏幕阅读器支持
  • tdd-workflow - 测试驱动开发工作流
    TDD测试工作流代码质量

    ★ 3 · 更新于 2026-03-10

    确保代码开发遵循TDD原则并提供全面的测试覆盖

    ⚙ 编写单元测试⚙ 创建测试用例⚙ 实现代码
  • prompt-generation-rules - 代码规范专家：提示生成规则
    代码审查编码规范提示工程最佳实践

    ★ 5 · 更新于 2026-02-14

    根据既定的提示生成指南和最佳实践审查代码并提供改进建议

    ⚙ 审查代码是否符合指南⚙ 基于最佳实践提出改进建议⚙ 解释优选模式的原理
  • Lumo · Component Creation Protocol - 为Lumo设计系统定义Angular组件创建标准
    Angular设计系统组件开发前端

    ★ 6 · 更新于 2026-02-14

    定义在Lumo设计系统中Angular组件应如何创建、结构化、文档化和测试

    ⚙ 创建Angular组件⚙ 定义组件结构⚙ 编写组件文档