LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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

带有该标签的 Skills：ui组件

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

  • buildpad-reference - Buildpad UI 组件目录与使用规范参考
    buildpadui组件mantinereact

    ★ 0 · 更新于 2026-09-21

    提供40多个Buildpad UI组件、Hook和服务的目录，并强制执行Buildpad优先使用规范。

    ⚙ 强制执行Buildpad组件使用规范⚙ 提供Buildpad组件与Hook参考⚙ 指导CollectionForm与CollectionList使用
  • designing-component-systems - 组件系统设计
    UI组件设计系统组件API主题化

    ★ 1 · 更新于 2026-09-20

    构建可复用、可访问、解耦框架且支持主题化的 UI 组件与规范 API。

    ⚙ 构建可复用 UI 组件⚙ 设计可组合的组件 API⚙ 定义 UI 状态所有权
  • fluentui-blazor - Fluent UI Blazor 使用指南
    blazorfluent-uicsharpdotnet

    ★ 18 · 更新于 2026-09-18

    在 Blazor 应用程序中使用 Microsoft Fluent UI Blazor 组件库的指南。

    ⚙ 注册 Fluent UI 服务⚙ 配置布局 Provider⚙ 绑定 Fluent UI 列表组件
  • doublea-brand-guidelines - Double A 网页界面品牌视觉形象设计指南
    设计系统品牌指南UI组件设计Token

    ★ 1 · 更新于 2026-09-17

    提供用于构建 Double A 官方网页界面的设计 Token、字体排版、标识规范及组件模式。

    ⚙ 应用 Double A 设计 Token⚙ 放置 Double A 品牌标识⚙ 配置 Poppins 与 Prompt 字体
  • shadcn-ui - 为 React 项目安装和配置 shadcn/ui 组件。
    shadcn-uireactUI组件tailwind

    ★ 0 · 更新于 2026-09-16

    为 React 项目安装和配置 shadcn/ui 组件，包含安装顺序、自定义及常见 UI 模式。

    ⚙ 安装基础与功能组件⚙ 管理组件安装顺序⚙ 使用语义 Token 自定义组件
  • sutra-ui - 使用 Sutra UI 构建和审查 Phoenix LiveView 界面
    phoenix-liveviewsutra-uielixirheex

    ★ 46 · 更新于 2026-09-15

    提供使用无外部 JS 的 CSS 优先 Sutra UI 组件构建、修改和审查 Phoenix LiveView 界面的规范指导。

    ⚙ 构建 Phoenix LiveView 界面⚙ 修改 Sutra UI 组件⚙ 审查组件组合
  • assistant-ui - 用于构建 AI 聊天界面的 React 组件库
    assistant-uireactai-chatui-components

    ★ 2,748 · 更新于 2026-09-14

    提供 assistant-ui 库的使用指南，涵盖 AI 聊天界面的原语组件、Hook、运行时与适配器。

    ⚙ 指导 assistant-ui 库使用⚙ 解释运行时适配器选择⚙ 协助聊天界面集成
  • action-link - ECO 设计系统 Action Link 组件规范
    设计系统UI组件CSSHTML

    ★ 0 · 更新于 2026-09-14

    提供用于构建 ECO 设计系统中独立可点击 Action Link 组件的规范、CSS 样式及 HTML 示例。

    ⚙ 构建独立可点击的操作链接⚙ 应用 ECO 设计系统 CSS 样式⚙ 配置操作链接尺寸与变体
  • apply-shadcn - 将 shadcn/ui 组件应用于带有自定义主题的 React 页面
    reactshadcn-ui样式调整主题集成

    ★ 602 · 更新于 2026-09-14

    将 shadcn/ui 组件应用于 React 页面与组件，并结合项目中定义的自定义 CSS 变量。

    ⚙ 创建样式调整待办列表⚙ 安装所需的 shadcn 组件⚙ 获取组件使用示例
  • htmx - 面向超媒体驱动 UI 的 HTMX 实现与集成。
    htmx超媒体ajaxui组件

    ★ 63 · 更新于 2026-09-14

    实现 HTMX 交互、配置 HTML 替换行为、调试 hx-* 请求并构建超媒体驱动的 UI 组件。

    ⚙ 实现 HTMX 交互⚙ 配置 HTML 替换行为⚙ 调试 hx-* 请求
  • astro-components - 面向 Astro 线索收集网站的 UI 组件库
    astroui-componentstailwind前端组件

    ★ 4 · 更新于 2026-09-13

    基于 Tailwind 与设计令牌，提供包括按钮、输入框、卡片、徽章、警告框和图标在内的可复用 Astro UI 组件。

    ⚙ 提供可复用的 UI 组件⚙ 渲染基于设计令牌的按钮⚙ 渲染无障碍表单输入框
  • hig-components-status - Apple HIG 状态与进度组件设计指南
    apple-hig状态栏进度指示器活动记录环

    ★ 0 · 更新于 2026-09-12

    提供关于进度指示器、状态栏和活动记录环等 Apple HIG 状态与进度 UI 组件的设计指南。

    ⚙ 推荐进度指示器类型⚙ 提供时间控制与动画指南⚙ 建议无障碍与 VoiceOver 播报
  • Frontend Design - 设计生产就绪的前端界面
    前端设计系统响应式可访问性

    ★ 19 · 更新于 2026-05-28

    使用设计系统和暗色模式支持，设计和构建响应式可访问的前端界面。

    ⚙ 分析需求⚙ 定义设计token⚙ 构建组件变体
  • ag-referencia-design-library - UI开发设计库参考
    设计系统组件库设计标记UI组件

    ★ 10 · 更新于 2026-05-09

    在构建软件前查阅设计系统库，包含24个精选方案、CSS标记和UI组件。

    ⚙ 查阅设计库⚙ 读取设计系统⚙ 搜索组件
  • artifacts-builder - 使用 React、Tailwind CSS 和 shadcn/ui 构建复杂前端工件
    前端reacthtml打包

    ★ 211 · 更新于 2026-02-23

    一套使用现代前端技术创建复杂多组件HTML工件的工具集

    ⚙ 初始化React项目⚙ 安装依赖⚙ 打包成HTML
  • refactor-html - 使用UI组件重构HTML/TSX文件
    代码重构前端开发UI组件TailwindCSS

    ★ 0 · 更新于 2026-02-11

    重构HTML/TSX文件以使用现有UI组件、DaisyUI类和语义颜色

    ⚙ 读取目标文件⚙ 检查可用组件⚙ 识别规则违规
  • refactor-html - 使用UI组件和语义颜色重构HTML/TSX文件
    重构前端UI组件代码优化

    ★ 18 · 更新于 2026-02-11

    重构HTML/TSX文件以使用现有UI组件、DaisyUI类和语义颜色约定

    ⚙ 读取目标文件⚙ 检查可用组件⚙ 识别规则违规
  • refactor-html - 重构HTML/TSX以优化组件复用
    重构htmltsxui组件

    ★ 602 · 更新于 2026-02-11

    重构HTML/TSX文件以使用现有UI组件、DaisyUI类和语义化颜色

    ⚙ 用UI组件替换HTML⚙ 将基本颜色转换为语义化颜色⚙ 提取重复的样式模式
  • tools-ui - React/Next.js工具生命周期界面组件
    UI组件reactnextjs工具生命周期

    ★ 748 · 更新于 2026-02-09

    显示工具调用及其状态跟踪，包括待处理、进行中、需要批准和结果

    ⚙ 显示工具状态⚙ 显示进度指示器⚙ 处理批准流程