LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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

带有该标签的 Skills:设计令牌

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

  • design-system-synthesizer - 提取并可视化可复用的网站设计系统
    设计系统设计令牌WordPress品牌提取

    ★ 22 · 更新于 2026-10-01

    读取代表性 WordPress 页面、主题文件和媒体资源,提取、持久化并可视化呈现可复用的设计系统。

    ⚙ 读取代表性网站页面⚙ 检查主题文件⚙ 提取品牌资源
  • flame-harness-design - 定义 Flutter 游戏视觉设计规范
    FlutterFlame游戏设计设计令牌

    ★ 61 · 更新于 2026-09-30

    读取 harness 配置和最新 PRD,制定设计令牌、视觉方向、素材与音频来源计划,并将流水线推进至 contract。

    ⚙ 读取 harness 配置⚙ 读取最新 PRD⚙ 制定设计令牌
  • motion-ui - 构建具有明确动效的精致界面
    界面动画Framer Motion微交互设计令牌

    ★ 2 · 更新于 2026-09-29

    使用 Framer Motion 微交互、清晰的界面状态、设计令牌和符合无障碍要求的动画创建现代界面。

    ⚙ 实现富动效界面组件⚙ 定义设计令牌⚙ 动画化组件状态变化
  • web-design - 创建完整的网站设计规范
    网页设计设计系统界面组件响应式设计

    ★ 0 · 更新于 2026-09-29

    创建结构化的网站设计规范,涵盖设计令牌、排版、布局、组件、响应式行为、动画和交接结构。

    ⚙ 定义设计令牌⚙ 规划排版系统⚙ 设计响应式布局
  • styling-with-styletron - 使用 Styletron 和 Base Web 令牌为组件添加样式
    StyletronCSS-in-JSBase Web响应式设计

    ★ 1 · 更新于 2026-09-29

    使用 Styletron CSS-in-JS、Base Web 主题令牌、响应式模式和主题 API 为组件与布局添加样式。

    ⚙ 创建样式化组件⚙ 应用内联样式⚙ 扩展组件样式
  • design-md - 从前端源代码提取设计系统
    设计系统前端源代码分析设计令牌

    ★ 6 · 更新于 2026-09-28

    分析前端源文件,生成涵盖颜色、字体、间距、组件和布局原则的 DESIGN.md 设计系统文档。

    ⚙ 识别前端框架⚙ 梳理样式源文件⚙ 提取设计令牌
  • ui_workflow - 基于 Figma 设计的 UI 实现工作流,含设计映射与验证
    UI 实现Figma设计映射工作流

    ★ 119 · 更新于 2026-06-30

    执行基于 Figma 的 UI 实现工作流,涵盖设计映射、现状审计、定向实现、布局与视觉验证、迭代及运行时记忆管理。

    ⚙ 从 Jira 或 Figma 解析 UI 源⚙ 创建规范化实现简报⚙ 审计当前实现状态
  • design-system-patterns - 构建可扩展设计系统
    设计系统设计令牌主题组件库

    ★ 0 · 更新于 2026-06-15

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

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

    ★ 0 · 更新于 2026-06-15

    使用设计令牌和组件架构构建可扩展设计系统

    ⚙ 创建设计令牌⚙ 定义颜色令牌⚙ 定义排版令牌
  • design-system-patterns - 设计系统模式架构
    设计系统设计令牌主题组件库

    ★ 0 · 更新于 2026-06-15

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

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

    ★ 5 · 更新于 2026-06-15

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

    ⚙ 创建设计令牌⚙ 实现主题切换⚙ 构建组件库
  • tamagui - 通用 React UI 框架,支持跨平台应用
    ReactUI 框架跨平台样式组件

    ★ 14,205 · 更新于 2026-06-15

    使用样式组件、设计令牌、主题和动画构建跨平台 React 应用

    ⚙ 创建样式组件⚙ 使用设计令牌⚙ 配置主题
  • design-md - 分析Stitch项目并生成设计系统文档
    设计系统文档Stitch设计标记

    ★ 0 · 更新于 2026-05-09

    分析Stitch项目并将语义化设计系统综合到DESIGN.md文件中

    ⚙ 分析Stitch项目⚙ 创建DESIGN.md文件⚙ 检索屏幕元数据
  • Color Tokens - Android颜色标记保持UI主题一致性
    颜色UI主题Android

    ★ 4 · 更新于 2026-05-09

    项目颜色标记参考,避免硬编码十六进制值,保持主题一致性。

    ⚙ 访问颜色标记⚙ 应用颜色主题⚙ 参考颜色定义
  • website-theme - 为网站应用设计主题
    网站主题设计令牌颜色排版

    ★ 2 · 更新于 2026-05-09

    为现有网站应用完整设计主题,包含颜色、字体、圆角、阴影和动效

    ⚙ 读取网站文件⚙ 生成主题提案⚙ 应用设计令牌
  • visual-design-foundations - UI系统视觉设计基础
    设计系统视觉设计字体排印色彩理论

    ★ 22 · 更新于 2026-03-23

    应用字体排印、色彩理论、间距系统和图标设计原则创建一致的视觉设计

    ⚙ 建立设计令牌⚙ 创建间距系统⚙ 选择字体
  • visual-design-foundations - 视觉设计基础与一致UI构建
    设计系统UI设计视觉设计字体设计

    ★ 1 · 更新于 2026-03-23

    应用字体、色彩、间距和图标原则创建一致的视觉设计

    ⚙ 建立设计令牌⚙ 创建样式指南⚙ 构建调色板
  • surface-theme-scaffold-gen - 生成 Clef Surface 主题脚手架
    设计系统主题脚手架无障碍WCAG

    ★ 0 · 更新于 2026-03-23

    生成包含 oklch 调色板、排版、间距、动画、阴影和圆角令牌的 Clef Surface 主题脚手架

    ⚙ 生成主题脚手架⚙ 注册主题生成器⚙ 预览生成变更
  • design-system - Flutter和Angular统一设计系统
    设计系统FlutterAngularUI执行

    ★ 35 · 更新于 2026-03-23

    通过令牌和规则检查在Flutter和Angular中强制执行设计系统规范

    ⚙ 读取设计令牌⚙ 强制设计规则⚙ 运行设计检查
  • visual-design-foundations - 构建视觉设计系统
    视觉设计设计系统UI设计字体排印

    ★ 39,902 · 更新于 2026-03-23

    应用字体排印、色彩理论、间距系统和图标设计原则构建一致的视觉系统

    ⚙ 建立设计代币⚙ 创建间距系统⚙ 选择字体

Scroll to load more