LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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

产出该输出的 Skills：React component code

浏览产出该输出的技能列表。

  • high-end-visual-design - 高端机构级 UI/UX 与动态视觉设计指南。
    UI设计UX设计前端开发TailwindCSS

    ★ 7 · 更新于 2026-09-23

    定义视觉规范、布局原型、微交互与动画标准，用于构建高端 Web 用户界面。

    ⚙ 拦截通用平庸 UI 默认样式⚙ 选择创意视觉氛围与布局原型⚙ 构建双边框嵌套卡片容器
  • react-frontend - React前端开发标准
    react前端hooks状态管理

    ★ 18 · 更新于 2026-06-30

    React前端标准，涵盖Hooks、状态管理、性能优化、测试和可访问性，用于现代单页应用

    ⚙ 使用useState钩子⚙ 使用useEffect钩子⚙ 使用useContext钩子
  • shadcn-ui-expert - shadcn-ui React 组件专家
    ReactUI 组件shadcn-uiTailwind CSS

    ★ 602 · 更新于 2026-06-30

    使用 shadcn-ui、Tailwind CSS 和 Radix UI 构建可访问的 React 组件

    ⚙ 安装 shadcn-ui 组件⚙ 创建表单组件⚙ 选择 UI 组件
  • ui-styling - shadcn/ui 和 Tailwind UI 样式
    样式系统UI 组件响应式暗色模式

    ★ 0 · 更新于 2026-06-30

    使用 shadcn/ui、Tailwind CSS 和 canvas 创建可访问 UI

    ⚙ 构建 UI 组件⚙ 创建布局⚙ CSS 样式化
  • ck:ui-styling - 基于 Shadcn/ui 组件与 Tailwind CSS 的 UI 样式
    UI 样式shadcn/uiTailwind CSS响应式设计

    ★ 602 · 更新于 2026-06-15

    使用 shadcn/ui、Tailwind CSS 和基于画布的设计系统创建可访问的 UI 组件与布局。

    ⚙ 安装 shadcn/ui 组件⚙ 添加 Tailwind CSS 工具类⚙ 配置深色模式主题
  • react - React 最佳实践指南
    react前端web 开发组件

    ★ 602 · 更新于 2026-05-28

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

    ⚙ 创建 React 组件⚙ 设计项目结构⚙ 实现状态管理
  • prototype-to-production - 将设计原型转换为生产级组件
    前端开发设计组件原型制作

    ★ 602 · 更新于 2026-05-11

    将 HTML、CSS 和 Figma 原型转换为带设计令牌的类型化 React 组件

    ⚙ 分析 HTML 原型⚙ 检测项目技术栈⚙ 提取设计令牌
  • aksel - Aksel 设计系统
    设计系统React 组件UI 开发可访问性

    ★ 0 · 更新于 2026-03-26

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

    ⚙ 选择 React 组件⚙ 应用设计令牌⚙ 使用布局原语
  • ai-elements - 用于聊天界面的 AI Elements 组件库
    组件库聊天界面Reactshadcn/ui

    ★ 0 · 更新于 2026-03-24

    为 ai-elements 库创建 AI 聊天界面组件

    ⚙ 创建聊天界面组件⚙ 安装库组件⚙ 集成组件到项目
  • frontend-design - 创建独特的生产级前端界面
    前端设计用户界面网页开发

    ★ 1 · 更新于 2026-03-09

    生成具有卓越设计质量的创意精炼前端代码

    ⚙ 构建Web组件⚙ 创建前端页面⚙ 开发Web应用程序