LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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

带有该标签的 Skills：shadcn/ui

浏览带有该标签的技能列表。

  • ckm:ui-styling - 使用 shadcn/ui 与 Tailwind CSS 构建无障碍界面
    UIshadcn/uiTailwind CSS无障碍

    ★ 18 · 更新于 2026-06-30

    使用 shadcn/ui 组件、Tailwind CSS 工具类样式和基于画布的视觉设计系统创建无障碍用户界面。

    ⚙ 安装 shadcn/ui 组件⚙ 应用 Tailwind CSS 工具类⚙ 创建响应式布局
  • ckm:ui-styling - UI样式设计与shadcn/ui组件库
    UI样式组件Tailwind CSS

    ★ 10 · 更新于 2026-06-30

    使用shadcn/ui组件、Tailwind CSS实用样式和画布视觉设计创建可访问的用户界面

    ⚙ 创建UI组件⚙ 样式化界面⚙ 构建布局
  • tailwind-shadcn-setup - Next.js的Tailwind和shadcn/ui设置
    Tailwind CSSshadcn/uiNext.jsUI组件

    ★ 18 · 更新于 2026-06-15

    在Next.js项目中安装和配置Tailwind CSS和shadcn/ui

    ⚙ 安装Tailwind CSS⚙ 配置Tailwind CSS⚙ 初始化shadcn/ui
  • ui-styling - 使用 Shadcn 和 Tailwind 构建美观可访问的 UI
    UI样式Tailwind CSSshadcn/ui

    ★ 602 · 更新于 2026-06-15

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

    ⚙ 创建用户界面⚙ 使用 Tailwind 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 工具类⚙ 配置深色模式主题
  • setup-design-system - 初始化可访问的设计系统和UI组件
    设计系统UI 组件Tailwind CSSshadcn/ui

    ★ 8 · 更新于 2026-05-28

    初始化设计系统或创建UI组件，支持可访问性、Tailwind/shadcn集成和文档。

    ⚙ 验证功能分支⚙ 评估当前状态⚙ 设置设计令牌
  • setup-design-system - 初始化可访问的设计系统
    设计系统UI组件Tailwind CSS可访问性

    ★ 602 · 更新于 2026-05-28

    初始化或扩建设计系统，包含可访问UI组件、Tailwind/shadcn集成和文档。

    ⚙ 验证功能分支⚙ 评估当前状态⚙ 创建设计令牌
  • ai-elements - 用于聊天界面的 AI Elements 组件库
    组件库聊天界面Reactshadcn/ui

    ★ 0 · 更新于 2026-03-24

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

    ⚙ 创建聊天界面组件⚙ 安装库组件⚙ 集成组件到项目
  • ai-elements - AI Elements 组件创建器
    React 组件AI 聊天shadcn/uiVercel AI SDK

    ★ 8 · 更新于 2026-03-24

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

    ⚙ 创建组件⚙ 安装组件⚙ 集成代码
  • shadcn-components - React shadcn/ui 组件
    ReactUI 组件shadcn/ui前端

    ★ 0 · 更新于 2026-03-24

    在 React 应用中使用和自定义 shadcn/ui 组件

    ⚙ 添加组件⚙ 自定义组件⚙ 配置变体
  • redesign-my-landingpage - 构建高转化落地页
    落地页前端开发Reactshadcn/ui

    ★ 141 · 更新于 2026-03-23

    使用 React + Vite + TypeScript + Tailwind 和 shadcn/ui 组件构建、评估和迭代落地页

    ⚙ 创建导航栏⚙ 设计页头区域⚙ 添加社会证明
  • shadcn-vite-iconify-landing-page - 使用 shadcn + Vite 构建落地页
    落地页ReactViteTypeScript

    ★ 141 · 更新于 2026-03-23

    使用 React + Vite + Tailwind + shadcn/ui + Iconify 构建和审核营销落地页

    ⚙ 构建落地页⚙ 审核现有页面⚙ 设计页面结构
  • react-shadcn - React UI 组件与 shadcn/ui
    ReactUI 组件shadcn/uiTailwind CSS

    ★ 18 · 更新于 2026-03-20

    使用 shadcn/ui、TanStack Form 和 Tailwind CSS 构建可访问的 React UI 组件

    ⚙ 安装组件⚙ 创建按钮⚙ 构建表单
  • react-shadcn - 使用 shadcn/ui 构建 React 无障碍 UI 组件
    ReactUI 组件shadcn/uiTailwind CSS

    ★ 602 · 更新于 2026-03-20

    基于 Radix UI 和 Tailwind CSS 构建 React 无障碍 UI 组件

    ⚙ 安装 shadcn 组件⚙ 构建 UI 组件⚙ 创建表单字段
  • frontend-design - 基于 React 的前端界面设计
    前端设计ReactUI 组件

    ★ 1 · 更新于 2026-03-19

    使用 React、Tailwind CSS 和 shadcn/ui 组件创建生产级前端界面

    ⚙ 构建 UI 组件⚙ 创建网页⚙ 使用 Tailwind CSS 样式
  • frontend-design - 生产级 React 前端设计
    React前端开发UI 设计Tailwind CSS

    ★ 0 · 更新于 2026-03-19

    使用 React 框架创建独特的生产级前端界面

    ⚙ 创建 Web 组件⚙ 构建 React 应用⚙ 使用 Tailwind CSS 样式
  • artifacts-builder - Claude.ai现代前端工件创建工具
    前端reacttypescriptvite

    ★ 305 · 更新于 2026-02-23

    使用React、Tailwind CSS和shadcn/ui创建复杂的多组件HTML工件

    ⚙ 初始化前端仓库⚙ 编辑生成的代码⚙ 打包代码为HTML
  • dev-web - 创建和管理现代React网页应用
    网页开发前端ReactTypeScript

    ★ 602 · 更新于 2026-02-17

    使用Bun、Vite、React 19、Tailwind CSS 4和shadcn/ui创建和管理现代React网页应用。

    ⚙ 初始化网页项目⚙ 安装依赖包⚙ 配置Tailwind CSS
  • v0-dev - 使用v0.dev进行AI驱动的UI生成
    UI生成AI设计组件开发shadcn/ui

    ★ 0 · 更新于 2026-02-14

    使用v0.dev的AI能力生成和迭代UI组件

    ⚙ 从文本提示生成UI⚙ 从设计图像生成UI⚙ 迭代现有UI
  • jwc-ui-shadcn-workflow - UI shadcn + Tailwind v4 组件管理工作流
    UI开发shadcn/uiTailwind CSS组件工作流

    ★ 602 · 更新于 2026-02-12

    遵循在packages/ui中添加/修改shadcn/ui + Tailwind v4组件的流程

    ⚙ 审查现有组件重用⚙ 使用cn()合并className⚙ 检查exports路径影响