Best design tokens skills, page 5

Automate Figma tasks via Rube MCP (Composio): files, components, design tokens, comments, exports.

davepoon/buildwithclaude

UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools.

maslennikov-ig/claude-code-orchestrator-kit

根据 Pass 需求生成 TileLang-Ascend Pass 设计文档（pass-design.md）。涵盖 Pass 定位分析（Phase 1/2归属、Pipeline位置、依赖关系）、IR 变换设计、C++ 实现方案、测试方案、风险分析等。触发关键词：设计 Pass、Pass 设计文档、写 Pass、实现 Pass、添加 Pass、新建 Pass、Pass 设计、开发 Pass。

tile-ai/tilelang-ascend

Tailwind CSS v4 principles. An agent skill from xenitV1/Antigravity-Workflows.

xenitV1/Antigravity-Workflows

从网页中采集设计令牌并生成完整的 DESIGN.md 设计规范文档 + Tailwind CSS 主题文件. An agent skill from lintendo/Axhub-Skills.

lintendo/Axhub-Skills

Design system conventions for the Phoenix frontend — layout, dialogs, error display, BEM CSS class naming, and CSS design tokens.

Arize-ai/phoenix

Comprehensive design token system for Mobazha including color system, typography scale, spacing grid, border radius, elevation, and icon sizes.

mobazha/mobazha-unified

Generate, extend, or audit design tokens in DTCG format with the 3-tier architecture (primitive → semantic → component).

plugin87/ux-ui-agent-skills

Guides design, implementation and review of Shift interface work: shared Base UI wrappers, Tailwind v4 theme tokens, Figma matching and accessible interaction states.

shift-editor/shift

Generate or complete a Mintlify MDX documentation page for a BEEQ component.

Endava/BEEQ

Structure/a11y/responsive UI checks and command map. An agent skill from VKirill/claude-lane-stack.

VKirill/claude-lane-stack

Analyze project structure, populate .claude/docs/DESIGN.md, and write the thin Repository Identity section in .claude/STATE.md.

DeL-TaiseiOzaki/claude-code-orchestra

Extract a real website's design tokens — colors, typography, spacing, CSS, and motion — into a structured design.md an AI can consume.

nexu-io/motion-anything

根据 pass-design.md 与 workflow 分析结果生成 TileLang-Ascend Pass 的最终实现代码（不含 UT/ST）。先输出实现骨架文档（pass-impl-skeleton.md）确认框架设计，再生成 C++ 实现、Python 封装、Pipeline 接入，并完成最小冒烟验证。测试生成由后续独立 skill 负责。触发关键词：实现 Pass、生成 Pass…

tile-ai/tilelang-ascend

Guide for using design tokens in the Sculptor frontend. An agent skill from imbue-ai/sculptor.

imbue-ai/sculptor

실제 제품 route의 UI·UX copy를 검사해 제품 맥락 없이 반복된 생성형 기본 패턴, 브랜드 근거 없는 장식, 카드·그라데이션·아이콘 타일 남용, 번역투와 추상 카피를 rule ID와 line ref로 진단한다.

kwakseongjae/oh-my-design

适用：读取 Figma 或根据节点实现 Flutter UI，包括 Token 反查、Auto Layout、组件 Variant、Asset 和视觉验证。不适用：替代产品决策，或从像素推断设计稿不可见的数据行为。触发词：Figma URL、node-id、design-to-code、视觉还原、Auto Layout、design token。

bladeofgod/flutter-ai-harness

Build right-to-left Persian (Farsi) UI in React and Tailwind the way an Iranian product team would: logical CSS only, Persian fonts without letter-spacing, Persian digits and «تومان», Jalali dates…

TronIsHere/vibefarsiui

Convention DESIGN.md pour design systems AI-friendly. An agent skill from TheBeardedBearSAS/claude-craft.

TheBeardedBearSAS/claude-craft

Extract and consolidate reusable components, design tokens, and patterns into your design system.

boussadjra/vuestrata

Conventions for this project's Storybook — how stories are filed under Foundations / Components / Game, and the rule that any change to the design language must be reflected in the using-tailwind…

Asvarox/allkaraoke

Comprehensive design system guidelines for building consistent, accessible, and scalable component libraries.

Mindrally/skills

Design de produto nivel Apple — sistemas visuais, UX flows, acessibilidade, linguagem visual proprietaria, design tokens, prototipagem e handoff.

sickn33/agentic-awesome-skills

把大刘的「十步学习法」(五视角 STORM × 费曼闭环)固化成一次性、端到端的学习流水线: 用户只给一个【主题】,skill 就从头到尾自动跑完十步(五视角 STORM → 矛盾图谱 → 综合简报 → 同行评审自检 → 资源筛选 → 学习阶梯 → 2 小时核心 20% → 考到崩溃 → 费曼循环 → 一页速查表), 最终产出一个非常详细、严格遵循 DESIGN.md 视觉的单文件学习…

idiotLeoLYJ/Daliu-Awesome-Skills

Light 按需工程技能·前端设计：把模糊的「做个好看的界面」落成能跑的 React/Tailwind/shadcn 代码 + 设计决策说明—— 有视觉记忆点(signature element)、风格自洽(design tokens 一致)、适配场景(学术海报/数据大屏/管理后台/移动端/营销 landing 信息密度各不同)、反「一眼 AI」(紫蓝渐变/Inter/16px 圆角/巨型…

Light0305/Light-skills

Uniwind — Tailwind CSS v4 styling for React Native. An agent skill from Ohh-889/skyroc.

Ohh-889/skyroc

Generate a design system from an existing codebase or audit one for visual consistency: extract tokens (colors, typography, spacing, shadows) into design-tokens.json and CSS custom properties with…

affaan-m/ECC

Create and evolve design systems with design tokens, component architecture, accessibility guidelines, and documentation templates.

davila7/claude-code-templates

A skill your agent uses when coordinating product work across the 12 bundled product sub-skills (RICE, OKRs, UX research, design tokens, competitive teardown, analytics, experiments, discovery…

alirezarezvani/claude-skills

Unified team skill for UI design team. An agent skill from catlog22/Claude-Code-Workflow.

catlog22/Claude-Code-Workflow

Penguin visual language for generated web pages and app UIs — GitHub-style simplicity with a single blue accent, light and pure-black dark themes, design tokens, component and chat-interface…

Prism-Shadow/penguin-harness

Mechanical implementation invariants for frontend design: token architecture, typography hierarchy, loading order, FOUT prevention, chrome stability, motion timing, color semantics.

sickn33/agentic-awesome-skills

Solutioning-phase UX planning skill (optional; activate when the project has a UI).

aj-geddes/claude-code-bmad-skills

Build and maintain a design system inside an Expo app - a reusable theme of design tokens (color, spacing, typography, radius, shadow, motion), reusable component structure with variant/size/state…

expo/skills

Plan UX patterns and design specifications. An agent skill from delorenj/mcp-server-trello.

delorenj/mcp-server-trello

Read-only audit of OUDS design token usage across SCSS component files.

Orange-OpenSource/Orange-Boosted-Bootstrap

Provides design token system and theming framework for consistent, customizable UI styling across all components.

ancoleman/ai-design-components

71 套品牌级设计系统知识库，覆盖 AI/LLM、开发工具、生产力、金融科技、电商、媒体、汽车等 8 大类别. An agent skill from ReJeCtAll/ExpertTeam-Codex.

ReJeCtAll/ExpertTeam-Codex

Design-token register: colour, typography, spacing and radius tokens with light and dark values, contrast ratio and WCAG level.

sickn33/agentic-awesome-skills

Invoke FIRST, before creating, editing, or deleting components, stories, styles, CSS, themes, colors, or design tokens — anything that changes how the UI looks, no exceptions.

sanity-io/sanity

프로젝트 DESIGN.md를 UI/시각 작업의 brand context로 적용. An agent skill from kwakseongjae/oh-my-design.

kwakseongjae/oh-my-design

Set up or run the token build pipeline — transform the DTCG tokens/.json (source of truth) into platform artifacts (CSS variables, Tailwind @theme, JS/TS, iOS Asset Catalog, Android, Compose) with…

plugin87/ux-ui-agent-skills

Create a new Kendo UI theme package from scratch or update an existing theme's design tokens, swatches, and component overrides.

telerik/kendo-themes

Turn vague taste, screenshots, URLs, product notes, or "make it feel like this" references into a grounded DESIGN.md plus an implementation handoff.

nexu-io/open-design

Extract a complete design system from an existing website or screenshot into a DESIGN.md file.

jezweb/claude-skills

Build and maintain Rayden UI components and screens in Figma via Figma MCP with full design token enforcement

sickn33/agentic-awesome-skills

View, add, or modify design tokens in the StyleSeed design system

sickn33/agentic-awesome-skills

经济金融论文写作编排器。根据PAPEROUTLINE.md和REFINEDDESIGN.md，编排调用fin-paper-draft（正文写作）、fin-paper-figure（图表生成）、fin-review-loop（review循环），管理版本并确保章节间的一致性。

csmar432/finai-research