Design tokens

Production-ready patterns for the Figma REST API and Plugin API.

jeremylongshore/tons-of-skills-marketplace

Stitch 프로젝트를 분석하여 DESIGN.md 파일을 생성합니다 — 디자인 시스템을 시맨틱하고 자연스러운 언어로 문서화하여 일관된 UI 생성을 지원합니다.

jh941213/my-cc-harness

Analyzes a Stitch project to generate a DESIGN.md file -- documents the design system in semantic, natural language to support consistent UI generation.

jh941213/my-cc-harness

Converts Stitch screens into a React component system -- includes design token extraction, component decomposition, TypeScript type generation, and automated verification.

jh941213/my-cc-harness

Suede AI full-stack surface builder that runs design, copy, and visual QA as one pass: landing pages, brand surfaces, product UI, dashboards, campaigns, launch pages, and reference-to-target…

JasonColapietro/suede-creator-skills

Suede AI design skill for making an interface feel intentional instead of templated: design tokens, color strategy, OKLCH ramps, type scale, fluid type, visual hierarchy, dark mode, spacing…

JasonColapietro/suede-creator-skills

Guided journey from a shipped app that works but feels rough to a product that fits the job, flows without friction, reads clearly, and persuades honestly.

wondelai/skills

Designs distinctive, non-generic UI — typography, OKLCH color, design tokens (DESIGN.md), layout, components, motion, dark mode, accessibility — for landing pages, SaaS apps, dashboards, ecommerce…

samber/cc-skills

Every Figma endpoint, plus codegen-ready frame extracts, comments audit, orphans finder, tokens diff Trigger phrases: extract a figma frame for codegen, compact figma file context for AI, find…

mvanhorn/printing-press-library

Two-mode frontend skill: (1) authoring — accessibility, responsive layout, loading/error states, performance, DESIGN.md authoring, visual direction; (2) critique — READ-only scored review of built…

romiluz13/cc10x

Brand and customize the CometChat Angular UI Kit — CSS variable tokens, light/dark via ThemeService, localization, date/time formats, global config, and swapping component regions with ng-template.

cometchat/cometchat-skills

Theme and brand the React v7 UI Kit — light/dark mode, CSS custom-property design tokens, per-component style overrides.

cometchat/cometchat-skills

A skill your agent uses when a project needs its visual foundation built or consolidated into one system: logo brief, color system in HEX/RGB/CMYK/OKLCH with proven AA contrast, type system, usage…

ericrisco/rsc-harness

Skillshare frontend design system for the React dashboard (ui/) and Docusaurus website (website/).

JetBrains/skills

Apply internal consistency — making your product coherent with itself across all surfaces, components, and flows.

hashgraph-online/awesome-codex-plugins

Skill for creating and managing a Design System using Tailwind CSS and shadcn/ui.

giuseppe-trisciuoglio/developer-kit

Pull design tokens + frame structure from a Figma URL via the Figma REST API.

bluzir/claude-code-design

Этот скилл MUST быть вызван когда есть design.md и нужно разбить доработку на атомарные задачи (2-5 мин) с точными путями файлов и критериями проверки в tasks.md.

Arman-Kudaibergenov/1c-ai-development-kit

AI-assisted UI generation patterns for json-render, v0.app, Google Stitch, Bolt Cloud, and Cursor workflows.

yonatangross/orchestkit

Design token management with the W3C Design Token spec, three-tier hierarchy (global/alias/component), OKLCH color, Style Dictionary transforms, and dark mode theming.

yonatangross/orchestkit

Figma-to-code design handoff patterns including Figma Variables to design tokens pipeline, component spec extraction, Dev Mode inspection, Auto Layout to CSS Flexbox/Grid mapping, and visual…

yonatangross/orchestkit

Implementation guide for ePrivacy Directive compliant double opt-in email consent.

mukul975/Privacy-Data-Protection-Skills

Upgrade an Angular app from CometChat UI Kit v4 → v5 (@cometchat/chat-uikit-angular ^4 → ^5).

cometchat/cometchat-skills

Methodology and tools for systematically generating design tokens.

revfactory/harness-100

Translate a design brief — structured I-Lang or plain English — into a concrete DESIGN.md and optional HTML token preview.

jeremylongshore/tons-of-skills-marketplace

Integrate with Figma API for design automation and code generation.

hoodini/ai-agents-skills

Build consistent design systems with tokens, components, and theming.

hoodini/ai-agents-skills

The SCSS workflow and its traps — where styling actually compiles, custom-variables.scss, themesource directories, hot reload, design-property errors, and the mxcli theme commands (apply, create…

mendixlabs/mxcli

Tailwind CSS v4 principles. An agent skill from coco-research/coco.

coco-research/coco

Design system bootstrapping and token generation. An agent skill from c0x12c/ai-toolkit.

c0x12c/ai-toolkit

Subagent for figma-from-code Phase 1. An agent skill from bitovi/ai-enablement-prompts.

bitovi/ai-enablement-prompts

| Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React.

secondsky/claude-skills

Reverse-engineer any website's, repo's, or local project's design system into a Claude-ready skill via the SkillUI CLI.

CraftOS-dev/CraftBot

Audit a design system for consistency, coverage, and quality.

mohitagw15856/pm-claude-skills

Generate a complete, accessibility-checked design system from scratch — colour ramps, type scale, spacing, elevation, and exports for CSS, Tailwind, design tokens, Figma, VS Code and PowerPoint.

mohitagw15856/pm-claude-skills

A skill your agent uses when authoring or modifying browser-rendered visual output: HTML, CSS, React SSR, artifact templates, markdown renderers, design tokens, themes, or composed pages.

egregore-labs/egregore

经济金融论文正文写作。根据PAPEROUTLINE.md大纲和REFINEDDESIGN.md研究设计，生成完整的论文正文草稿（英文/中文），覆盖Introduction到Conclusion所有章节。

csmar432/finai-research

Validate DESIGN.md files against the official Google specification using the @google/design.md CLI linter.

fabricioctelles/skills

How to write and maintain a DESIGN.md in the 9-section Google Stitch format.

hashgraph-online/awesome-codex-plugins

A skill your agent uses when the user asks for design tokens, DTCG tokens, theme systems, color/typography/spacing/radius/elevation/motion tokens, translating tokens, exporting tokens, making a…

hashgraph-online/awesome-codex-plugins

A skill your agent uses when a repository needs deterministic pull-request checks for new accessibility, design-token, component-structure, responsive, and UI-state regressions with file-level…

hashgraph-online/awesome-codex-plugins

Generate brand guidelines, design systems with design tokens (W3C format), creative direction (SCAMPER, Design Thinking, TRIZ), and design briefs with scope and success criteria.

EliasOulkadi/shokunin

Extract design DNA from app screenshots, live URLs, or screen recordings using Google Stitch — color palettes, typography, spacing tokens, component patterns, and motion specs as design-tokens.json…

yonatangross/orchestkit

Create and manage DESIGN.md files Use when the user asks for design md work, or mentions od, design, md.

criptogus/agent-evolve-network

当需要设计 PyPTO 算子实现方案时使用此 skill。基于算子规格与相关上下文，生成 DESIGN.md（含 API 映射、Tiling 策略、Loop 结构）。Triggers: 生成设计方案、生成 design、设计这个算子、写 DESIGN.md、算子设计、API 映射、Tiling 策略、tiling strategy、Loop 结构、数据切分、怎么切分数据、怎么做…

ascend-ai-coding/awesome-ascend-skills

TailwindCSS v4 patterns with CSS-first configuration using @theme, @source, and modern CSS features.

MadAppGang/claude-code

Best practices for building a Flutter UI package on Material: custom components, ThemeExtension theming, consistent APIs, widget tests, appuipackage scaffolding.

VeryGoodOpenSource/vgv-ai-flutter-plugin

Extract reusable UI/UX design systems from frontend codebases: design tokens, global styles, components, interaction patterns, and page templates.

sundial-org/awesome-openclaw-skills