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交互
  • rails-design-system - Rails 设计系统指南
    rails设计系统前端tailwind

    ★ 159 · 更新于 2026-06-15

    构建 Rails UI 组件的设计系统指南

    ⚙ 应用设计规则⚙ 定义设计令牌⚙ 提取部分视图
  • figma - Figma 双向设计技能
    Figma设计Vue 3shadcn-vue

    ★ 2 · 更新于 2026-05-28

    读取 Figma 设计并将组件、页面和设计令牌写回 Figma

    ⚙ 读取设计上下文⚙ 获取变量定义⚙ 搜索设计系统
  • design-guide - 现代UI设计指南
    UI设计设计系统前端开发CSS

    ★ 0 · 更新于 2026-05-28

    应用现代UI设计原则和指南，为各类前端框架构建简洁、专业的界面

    ⚙ 应用设计原则⚙ 定义颜色系统⚙ 设置间距系统
  • react - React Web应用最佳实践
    ReactWeb开发TypeScript最佳实践

    ★ 18 · 更新于 2026-05-28

    提供React最佳实践，用于构建可扩展的Web应用程序，包括基于特性的架构、TypeScript、状态管理和优化指南

    ⚙ 创建组件⚙ 组织项目结构⚙ 管理状态
  • ui-design - 强制UI设计系统一致性
    ui设计系统shadcntailwindcss

    ★ 0 · 更新于 2026-05-11

    在shadcn-svelte + TailwindCSS 4设计系统中强制统一页面、组件、表单、仪表盘和数据展示的UI一致性。

    ⚙ 扫描现有组件⚙ 阅读相似组件⚙ 检查组件库
  • nextjs - Next.js 16 App Router 模式
    前端nextjsapp-router身份验证

    ★ 2 · 更新于 2026-05-11

    创建 Next.js 16 App Router 页面、组件、API 路由和身份验证流程

    ⚙ 创建页面⚙ 创建布局⚙ 创建组件
  • nextjs - Next.js 16 App Router 模式
    前端开发Next.js认证路由

    ★ 18 · 更新于 2026-05-11

    提供用于创建页面、布局、组件、API路由和认证流程的模式。

    ⚙ 创建页面⚙ 创建布局⚙ 创建组件
  • nextjs - Next.js 16 App Router 模式
    前端nextjsapp-router认证

    ★ 602 · 更新于 2026-05-11

    使用 Next.js 16 App Router 创建页面、布局、组件、API 路由和身份验证流程

    ⚙ 创建页面⚙ 创建布局⚙ 创建组件
  • lithent - Lithent 智能体技能
    虚拟 DOM状态管理JSX组件框架

    ★ 48 · 更新于 2026-05-09

    使用 Lithent 库的 AI 智能体技能

    ⚙ 创建组件⚙ 管理状态⚙ 创建计算值
  • component demo - 组件演示生成器
    组件开发演示创建React 组件React 钩子

    ★ 18 · 更新于 2026-03-26

    为 React 组件和钩子创建演示页面

    ⚙ 创建组件⚙ 创建钩子⚙ 创建演示页面
  • ai-elements - AI Elements 组件创建器
    React 组件AI 聊天shadcn/uiVercel AI SDK

    ★ 6 · 更新于 2026-03-24

    创建遵循 shadcn/ui 模式和 Vercel AI SDK 规范的 AI 聊天界面组件

    ⚙ 创建组件⚙ 安装组件⚙ 集成代码
  • ai-elements - 创建 AI 聊天组件
    AI组件UIReact

    ★ 18 · 更新于 2026-03-24

    为 ai-elements 库创建遵循组合模式的 AI 聊天界面组件

    ⚙ 创建组件⚙ 安装组件⚙ 生成代码
  • Frontend Development - 前端开发：Angular、React、Vue、Next.js
    AngularReactVueNext.js

    ★ 0 · 更新于 2026-03-23

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

    ⚙ 创建组件⚙ 实现样式⚙ 管理状态
  • react-specialist - React 18+ 专家开发
    React 18+TypeScript性能优化服务端组件

    ★ 57 · 更新于 2026-03-23

    React 18+ 专家，专注于可扩展、可维护的应用程序与性能优化

    ⚙ 查询上下文⚙ 审查组件⚙ 分析代码
  • implement-feature - 在模拟应用中实现UI功能
    模拟应用功能实现UI组件测试

    ★ 0 · 更新于 2026-03-22

    实现UI驱动的模拟功能的端到端工作流程，包括数据模型、可重用组件和自动化测试。

    ⚙ 明确功能需求⚙ 更新数据模型⚙ 生成示例数据
  • visual-audit - Web应用视觉设计审计工具
    视觉设计UI审计响应式设计暗色模式

    ★ 18 · 更新于 2026-03-20

    跨视口和模式截屏审计Web设计质量

    ⚙ 发现路由⚙ 截取屏幕⚙ 审查布局
  • amplitude-ui-skills - 适用于 Agent 的 Amplitude UI 设计系统
    设计系统UI 组件界面设计设计令牌

    ★ 89 · 更新于 2026-03-19

    构建 Amplitude 风格界面的准则和设计令牌，包含指定的颜色、字体、间距和组件样式

    ⚙ 定义设计令牌⚙ 应用配色方案⚙ 指定排版
  • system-architect - ROS 2 系统架构师，设计可扩展的机器人系统
    ROS 2系统设计机器人架构

    ★ 8 · 更新于 2026-02-12

    为ROS 2系统设计可扩展的节点图、主题命名空间和QoS配置文件。

    ⚙ 设计节点图⚙ 设计主题命名空间⚙ 设计QoS配置文件