带有标签“设计令牌”的 Skills

brand-canon-ingest - 将 brand-system-skills 品牌仓库接入 Astro 网站
astro 品牌系统设计令牌 cloudflare
★ 0 · 更新于 2026-09-23
通过运行门控、复制令牌、序列化主题方案、配置品牌资源及注册投影，将品牌仓库接入 Astro 网站。
⚙ 运行品牌仓库门控校验 ⚙ 复制预生成 Web 令牌 ⚙ 序列化配色方案为 CSS 变量
lumos-import-figma - 将 Figma 设计导入为 Lumos for Astro 变量与页面
figma lumos astro 设计变量
★ 0 · 更新于 2026-09-22
通过对齐设计数值与基础样式并运行 convert.mjs 脚本，从 Figma 文件生成 Lumos 变量或构建 Astro 页面。
⚙ 读取 Figma 上下文与页面截图 ⚙ 盘点多类别的设计数值 ⚙ 将设计数值转换为流体 token
design-system-patterns - 设计系统模式
设计系统设计令牌主题化组件架构
★ 0 · 更新于 2026-09-21
使用设计令牌、主题基础设施和组件架构模式构建可扩展的设计系统。
⚙ 创建设计令牌 ⚙ 实现主题切换 ⚙ 构建多品牌主题系统
designing-component-systems - 组件系统设计
UI组件设计系统组件API 主题化
★ 1 · 更新于 2026-09-20
构建可复用、可访问、解耦框架且支持主题化的 UI 组件与规范 API。
⚙ 构建可复用 UI 组件 ⚙ 设计可组合的组件 API ⚙ 定义 UI 状态所有权
design-spec - 面向开发交接创建 UI/UX 设计规范文档
设计规范 UI/UX 组件清单设计 Token
★ 22 · 更新于 2026-09-20
从需求、PBI 或视觉输入中生成包含组件清单、设计 Token、交互状态与响应式断点的结构化 UI/UX 设计规范文档。
⚙ 提取输入中的 UI 需求 ⚙ 构建 UI 组件清单 ⚙ 定义元素交互状态
figma-automation - 基于 Rube MCP 与 Composio 的 Figma 自动化工具
figma 自动化 rube-mcp composio
★ 77 · 更新于 2026-09-18
使用 Rube MCP 自动化处理 Figma 文件数据获取、图像渲染、设计 Token 提取、评论管理和项目浏览。
⚙ 提取 Figma 文件及节点数据 ⚙ 将节点渲染为图像 ⚙ 下载渲染的 Figma 图像
placeholder-images - 为 HTML 原型生成 SVG 占位图
占位图 svg 原型布局
★ 2 · 更新于 2026-09-17
为原型布局和模型生成简单、带标签及符合品牌样式的 SVG 占位图。
⚙ 生成简单 SVG 占位图 ⚙ 生成带标签 SVG 占位图 ⚙ 生成品牌样式 SVG 占位图
tailwind-patterns - Tailwind CSS v4 设计模式与核心原则
tailwind-css css 设计变量容器查询
★ 650 · 更新于 2026-09-17
提供 Tailwind CSS v4 核心原则、CSS 优先配置、容器查询、现代布局模式及设计 Token 架构指南。
⚙ 配置基于 CSS 的主题 ⚙ 应用原生容器查询 ⚙ 实现响应式设计模式
ui-styling-assistant - 基于通用设计系统 Token 的 UI 样式助手
css 样式设计 Token tailwind
★ 3 · 更新于 2026-09-17
使用通用设计系统 Token 提供包含暗色模式变体、响应式断点及框架输出支持的 CSS 代码片段。
⚙ 生成 CSS 代码片段 ⚙ 提供通用设计系统 Token ⚙ 输出 Tailwind CSS 工具类
doublea-brand-guidelines - Double A 网页界面品牌视觉形象设计指南
设计系统品牌指南 UI组件设计Token
★ 1 · 更新于 2026-09-17
提供用于构建 Double A 官方网页界面的设计 Token、字体排版、标识规范及组件模式。
⚙ 应用 Double A 设计 Token ⚙ 放置 Double A 品牌标识 ⚙ 配置 Poppins 与 Prompt 字体
design-system - 从参考资料生成三文件设计系统文档
设计系统文档生成 UI-UX Markdown生成
★ 38 · 更新于 2026-09-17
从图像、PDF、网页链接、文本描述或现有代码等参考资料生成完整的三文件设计系统文档。
⚙ 分析提供的设计参考资料 ⚙ 通过网络链接抓取网页内容 ⚙ 读取本地设计参考文件
moai-connector-figma - 企业级 Figma 与设计系统开发
架构 figma 企业级模式
★ 650 · 更新于 2026-09-17
使用 Figma 2025 开发企业级设计系统与 UI 组件库，涵盖设计令牌、组件文档与开发者交付。
⚙ 构建设计系统架构 ⚙ 管理组件库与变体 ⚙ 自动化同步设计令牌
plaid - 引导产品从创意到发布的开发指南
产品开发创意验证文档生成设计系统
★ 216 · 更新于 2026-09-16
通过创意发现、概念验证、愿景规划、设计规范提取、上线策略和路线图执行指导产品开发。
⚙ 发现产品创意 ⚙ 验证产品概念 ⚙ 规划产品愿景与文档
tailwind-v4-expert - Tailwind CSS v4 Web 应用开发与配置专家
tailwind css oxide postcss
★ 9 · 更新于 2026-09-15
提供基于 Tailwind CSS v4、Oxide 引擎及 CSS 优先配置开发 Web 应用的指导与范式。
⚙ 配置 CSS 优先设计系统 ⚙ 配置 Tailwind Vite 插件 ⚙ 实现容器查询
tailwind-design-system - 使用 Tailwind CSS v4 构建可扩展的设计系统。
tailwind-css 设计系统 css-v4 设计令牌
★ 0 · 更新于 2026-09-15
使用 Tailwind CSS v4 的纯 CSS 配置、设计令牌、组件变体与响应式模式构建生产级设计系统。
⚙ 使用 Tailwind v4 配置设计令牌 ⚙ 实现组件库与变体模式 ⚙ 设置基于类名的暗黑模式
design-foundation - 推导项目专属的设计系统与 Token 架构
设计系统设计 Token 设计原则文档编写
★ 15 · 更新于 2026-09-15
该流程指导项目从领域依据推导设计原则、记录设计决策并建立三层 Token 架构。
⚙ 从项目上下文中收集领域依据 ⚙ 推导带有合理性说明的设计原则 ⚙ 在项目文档中记录设计决策
cafe - Cafe 设计系统规范指南
设计系统 cafe UI规范设计Token
★ 0 · 更新于 2026-09-12
提供用于构建温馨 Cafe 风格界面的设计系统指南、Token 定义与规范。
⚙ 生成设计系统指南 ⚙ 定义设计 Token 与基础规范 ⚙ 规范组件规则与状态
ckm:brand - 品牌标识、语调、消息框架及资源管理
品牌设计令牌视觉标识资源管理
★ 1 · 更新于 2026-09-11
提供品牌语调定义、视觉标识标准、消息框架、资源校验与设计令牌同步。
⚙ 注入品牌上下文至提示词 ⚙ 校验资源参数 ⚙ 提取调色板颜色
tailwind-design-system - 构建基于 Tailwind CSS 的生产级设计系统
tailwind-css 设计系统组件库设计令牌
★ 1 · 更新于 2026-09-10
使用 Tailwind CSS 构建包含设计令牌、组件变体、响应式模式与无障碍设计的生产级设计系统。
⚙ 使用 Tailwind 创建组件库 ⚙ 实现设计令牌与主题化 ⚙ 构建响应式与无障碍组件
run2_anthropic-brand-identity - Anthropic 品牌标识管理
anthropic 品牌标识设计Token 字体
★ 83 · 更新于 2026-09-09
用于管理和应用 Anthropic 特定品牌标识的技能，包含颜色 Token、字体回退策略与技术插图标准。
⚙ 应用 Anthropic 品牌指南 ⚙ 管理品牌颜色 Token ⚙ 实现字体回退策略

Scroll to load more