Best design tokens skills, page 6

Check that the UI you actually rendered uses the design system, by reading computed styles in the running app against the project's design tokens.

reticlehq/reticle

This skill should be used when the user asks to "create an OpenHands App", "scaffold a Canvas App", "build an app with the Canvas Extensions API", "build an Agent Canvas App", "bundle a single-file…

OpenHands/extensions

A skill your agent uses when building a design token system, creating accessible colour palettes, generating colour ramps programmatically, or migrating a design system to support wide-gamut displays.

thedaviddias/Front-End-Checklist

A skill your agent uses when implementing animated gradients, complex CSS transitions that involve custom property values, or building a typed design token system where custom property misuse should…

thedaviddias/Front-End-Checklist

A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Use CSS custom properties for design tokens.

thedaviddias/Front-End-Checklist

Guide for adding a product setup empty state — the skippable first-run screen a product scene shows until real data arrives, built on the shared ProductEmptyState component.

PostHog/posthog

Extract design tokens (color / typography / spacing) from imported source code, screenshots, or Figma exports into the canonical token bag token-map consumes.

nexu-io/open-design

Pull a Figma file's node tree, design tokens, and embedded assets into the project cwd as a structured snapshot.

nexu-io/open-design

Build platform-independent design systems and consistent component libraries.

ww-w-ai/bkit-claude-code

Google Stitch design-to-code workflow with design system management.

KaimingWan/oh-my-kiro

Structure and abstraction rules for PostHog UI code — any React component or frontend file under frontend/src/ or products//frontend/.

PostHog/posthog

AI design specialist skill with DESIGN.md management, anti-pattern enforcement, optional Stitch MCP integration, and component library guidance.

first-fluke/oh-my-agent

A skill your agent uses when work spans multiple steps, phases, or sessions, when resuming a task started earlier, when the user asks for a plan/roadmap/progress tracking, or when they use the…

dxos/dxos

Lightweight, Chorus-native local specs for Chorus PM workflows in Hermes — a durable local spec .chorus/specs/<slug/spec.md (one per capability/feature) edited in place and NEVER synced (git history…

Chorus-AIDLC/Chorus

Lightweight, Chorus-native local specs for Chorus PM workflows in Pi — a durable local spec .chorus/specs/<slug/spec.md (one per capability/feature) edited in place and NEVER synced (git history is…

Chorus-AIDLC/Chorus

Lightweight, Chorus-native local specs for Chorus PM workflows on OpenClaw — a durable local spec .chorus/specs/<slug/spec.md (one per capability/feature) edited in place and NEVER synced (git…

Chorus-AIDLC/Chorus

Lightweight, Chorus-native local specs for Chorus PM workflows — a durable local spec .chorus/specs/<slug/spec.md (one per capability/feature) edited in place and NEVER synced (git history is its…

Chorus-AIDLC/Chorus

Lightweight, Chorus-native local specs for Chorus PM workflows on dsh — a durable local spec .chorus/specs/<slug/spec.md (one per capability/feature) edited in place and NEVER synced (git history is…

Chorus-AIDLC/Chorus

Apply production-grade design standards when building or reviewing pages, components, or UI.

rampstackco/claude-skills

Build or audit a design system including component library, design tokens, naming conventions, contribution model, and documentation.

rampstackco/claude-skills

Phase D of greenfield project bootstrap. An agent skill from papadopouloskyriakos/agentic-chatops.

papadopouloskyriakos/agentic-chatops

Drive Google Stitch over MCP safely - read screens, write and lint DESIGN.md, create design systems, and fix designs through variants instead of overwriting.

HoangNguyen0403/agent-skills-standard

Customize the app's visual theme — author design-token overrides (accent, background, surfaces, text, message-bubble colors) in the workspace ui/theme.json, validated by the assistant runtime and…

vellum-ai/vellum-assistant

A skill your agent uses when the user asks for a review of any artifact -- code diff, PR, book chapter, campaign brief, landing-page copy, or design tokens.

FerroxLabs/ijfw

Applies an analyzed design.md to an existing project while preserving content.

fivetaku/gptaku-plugins-codex

Create and manage DESIGN.md files. An agent skill from nexu-io/open-design.

nexu-io/open-design

Build or update screens in Figma from code or description using design system components.

nexu-io/open-design

WordPress Design System. An agent skill from nexu-io/open-design.

nexu-io/open-design

Inventory and prioritise accumulated design inconsistencies across a product.

Owl-Listener/designer-skills

Audit token usage across a product for coverage, drift, and hard-coded values.

Owl-Listener/designer-skills

Tailwind CSS v4 conventions for real projects — CSS-first configuration with @theme, automatic content detection, the v3-to-v4 migration diffs, and dynamic class-name safety.

boraoztunc/skills

A skill your agent uses when building or styling plugin UI with Composer's design system — the @dxos/react-ui packages.

dxos/dxos

Scans directory structure, detects missing documentation, and verifies code-doc synchronization.

telagod/code-abyss

Generate DESIGN.md at the repo root by scanning existing design tokens (Figma export, tailwind.config, tokens.json, stylesheet) and synthesizing W3C-compatible YAML frontmatter + Markdown rationale…

alexandremendoncaalvaro/CorridorKey-Runtime

A skill your agent uses when the user wants to see how they design — "what's my taste", "show me my taste report", "how do I decide", "what are my patterns", or periodically as the personal profile…

Owl-Listener/designpowers

A skill your agent uses when building or restructuring design token systems — global tokens, semantic tokens, component tokens, naming conventions, theming, and multi-platform token distribution

Owl-Listener/designpowers

Compatibility router for older omd invocations. An agent skill from kwakseongjae/oh-my-design.

kwakseongjae/oh-my-design

A skill your agent uses when the user asks to create, generate, or extract a DESIGN.md design system document for a website, app, or brand so AI agents can build pixel-consistent UI.

criptogus/agent-evolve-network

Design tokens, light/dark theming, and WCAG contrast validation for HTML documents and decks, compiled into one inlinable CSS bundle.

borghei/Claude-Skills

Pick the right Lightning Base Component (lightning-) for a given UI task, retrieve its full API (props, methods, events, slots) from the bundled per-component reference, and wire it into an LWC (LWC…

forcedotcom/sf-skills

Tailwind CSS utility patterns with shadcn/ui component usage, theming via CSS variables, and responsive design.

BlackBeltTechnology/pi-agent-dashboard

Define and organise tokens for colour, spacing, type, and elevation with naming and usage rules.

Owl-Listener/designer-skills

Establish naming rules for components, tokens, and layers with patterns and worked examples.

Owl-Listener/designer-skills

根据算子需求生成 TileLang-Ascend 算子设计文档（design.md）。涵盖编程模式选型（Developer/Expert/混合）、API 映射、内存层级规划、Tiling 策略、循环结构、同步策略、验证方案等。触发：设计算子、生成 design.md、算子方案设计、新算子开发、算子实现方案。

tile-ai/tilelang-ascend

Validate token files structurally against DTCG 2025.10 (including resolvers), Style Dictionary 3 to 5 or Tokens Studio: parse errors, $type/$value, name rules, broken or circular aliases.

murphytrueman/design-system-ops

Write reference docs for existing design tokens: semantic intent, use/do-not-use, references, used-by, theming contract, misuse list.

murphytrueman/design-system-ops

Critique UI and UX for usability, accessibility, and distinctiveness with cited, evidence-based findings.

TheDecipherist/claude-code-mastery-project-starter-kit

Frontend UI design system selector and implementation guide covering Glassmorphism, Liquid Glass (Apple-style), Neubrutalism, and Claymorphism.

telagod/code-abyss