LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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

带有该标签的 Skills:设计系统

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

  • ios-design-direction - 基于 HIG 的 iOS 应用设计哲学与创意指导
    iOS 设计HIGSwiftUI无障碍

    ★ 650 · 更新于 2026-06-30

    基于 Apple Human Interface Guidelines 指导 iOS 应用设计,涵盖 Clarity/Deference/Depth 原则、SwiftUI 实现模式及无障碍设计。

    ⚙ 基于 HIG 指导 iOS 设计⚙ 设计 SwiftUI 组件⚙ 设计屏幕布局
  • brand - Engine AI 品牌系统与视觉规范指南
    品牌系统视觉识别设计系统界面规范

    ★ 0 · 更新于 2026-06-30

    将 Engine AI 深色高端金色品牌系统应用于界面、页面、组件及视觉输出。

    ⚙ 引用配色令牌⚙ 应用字体排版规则⚙ 应用间距布局规范
  • ckm:ui-styling - 使用 shadcn/ui 与 Tailwind CSS 构建无障碍界面
    UIshadcn/uiTailwind CSS无障碍

    ★ 18 · 更新于 2026-06-30

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

    ⚙ 安装 shadcn/ui 组件⚙ 应用 Tailwind CSS 工具类⚙ 创建响应式布局
  • design-system-patterns - 构建可扩展设计系统
    设计系统设计令牌主题组件库

    ★ 0 · 更新于 2026-06-15

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

    ⚙ 定义设计令牌⚙ 配置主题基础设施⚙ 构建组件库
  • design-system-patterns - 设计系统模式架构
    设计系统设计令牌主题组件库

    ★ 0 · 更新于 2026-06-15

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

    ⚙ 创建设计令牌⚙ 实现主题切换⚙ 构建多品牌主题
  • design-system-patterns - 构建可扩展设计系统
    设计系统设计令牌主题系统组件库

    ★ 5 · 更新于 2026-06-15

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

    ⚙ 创建设计令牌⚙ 实现主题切换⚙ 构建组件库
  • nothing-design - Nothing风格UI/UX设计系统
    UI设计单色设计工业设计排版设计

    ★ 132 · 更新于 2026-06-15

    应用Nothing设计系统创建单色、字体驱动的界面

    ⚙ 读取文件⚙ 写入文件⚙ 编辑文件
  • extracting-brand-dna - 从品牌资产中提取DNA
    设计系统品牌识别品牌策略

    ★ 51 · 更新于 2026-06-15

    通过五轮合成从资产中提取品牌DNA

    ⚙ 分析标识文件⚙ 提取颜色⚙ 构建调色板
  • portfolio-frontend-design - Portfolio 前端设计系统
    设计系统前端开发ReactTailwind CSS

    ★ 18 · 更新于 2026-06-15

    使用 React 和 Tailwind 创建 portfolio 界面的设计系统

    ⚙ 创建 UI 组件⚙ 复制模板⚙ 应用设计令牌
  • frontend-master - 独特设计的前端页面开发工具
    前端开发UI设计网页开发代码生成

    ★ 4 · 更新于 2026-05-28

    智能分析技术栈,生成独特设计美感的前端页面,自动保持项目一致性

    ⚙ 分析项目技术栈⚙ 检测框架⚙ 扫描CSS文件
  • setup-design-system - 初始化可访问的设计系统和UI组件
    设计系统UI 组件Tailwind CSSshadcn/ui

    ★ 8 · 更新于 2026-05-28

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

    ⚙ 验证功能分支⚙ 评估当前状态⚙ 设置设计令牌
  • frontend-master - 创建独特设计美感的前端页面
    前端UI设计ReactVue

    ★ 57 · 更新于 2026-05-28

    智能分析项目技术栈,生成独特设计美感的UI

    ⚙ 扫描项目技术栈⚙ 检查现有设计规范⚙ 分析项目类型
  • setup-design-system - 初始化可访问的设计系统
    设计系统UI组件Tailwind CSS可访问性

    ★ 650 · 更新于 2026-05-28

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

    ⚙ 验证功能分支⚙ 评估当前状态⚙ 创建设计令牌
  • design-guide - 现代UI设计指南
    UI设计设计系统前端开发CSS

    ★ 0 · 更新于 2026-05-28

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

    ⚙ 应用设计原则⚙ 定义颜色系统⚙ 设置间距系统
  • visual-ralph - 前端UI可视化实现与像素级验证
    前端UI实现视觉测试设计系统

    ★ 33,316 · 更新于 2026-05-11

    基于视觉参考协调前端UI实现,使用像素级判定进行迭代

    ⚙ 生成UI模型参考⚙ 捕获URL基线⚙ 运行视觉判定
  • ui-design - 强制执行shadcn-svelte与TailwindCSS 4的UI一致性
    UI设计系统shadcn-svelteTailwindCSS

    ★ 18 · 更新于 2026-05-11

    在shadcn-svelte + TailwindCSS 4设计系统中强制执行一致的UI,用于所有应用界面组件。

    ⚙ 检查现有组件⚙ 匹配结构和模式⚙ 应用主题令牌
  • ui-design - 强制执行 shadcn-svelte UI 设计系统一致性
    前端设计系统UIshadcn-svelte

    ★ 650 · 更新于 2026-05-11

    在 shadcn-svelte + TailwindCSS 4 设计系统中强制执行页面、组件、表单和仪表板的 UI 一致性。

    ⚙ 强制执行设计系统规则⚙ 应用主题令牌⚙ 检查现有组件
  • team-frontend - 前端开发团队技能
    前端团队协调UI/UX

    ★ 2,132 · 更新于 2026-05-11

    具备内置UI/UX设计智能的统一前端开发团队技能

    ⚙ 分析任务需求⚙ 读取角色规范⚙ 生成工作代理
  • hoatrinh-design-system - 琥珀色终端设计系统
    设计系统UI 组件CSS视觉设计

    ★ 0 · 更新于 2026-05-09

    管理 hoatrinh.dev 项目的 UI 组件、样式、动画和视觉令牌

    ⚙ 添加 UI 组件⚙ 修改 UI 组件⚙ 审查 UI 组件
  • figma-generate-design - 从代码构建Figma屏幕
    Figma设计系统UI设计屏幕设计

    ★ 0 · 更新于 2026-05-09

    使用已发布的设计系统将应用页面和视图转换为Figma设计

    ⚙ 创建屏幕⚙ 更新屏幕⚙ 创建视图

Scroll to load more