Best design tokens skills, page 4

UI/UX design rules, Atomic Design placement, design tokens, component conventions, and responsive patterns for the Moca frontend.

aws-samples/sample-multi-agent-orchestration-chat-on-agentcore

Refine a CodePlan design.md into precise step1.md through stepX.md files and progress.md.

tangziwen/CubeMiniGame

A skill your agent uses when writing, debugging, or updating code that imports primevue (PrimeVue v5, UI component library for Vue 3).

skilld-dev/vue-ecosystem-skills

Builds a from-scratch brand design system as three-tier DTCG tokens plus one theme.css with light and dark modes, checked against WCAG contrast rules.

plugin87/ux-ui-agent-skills

Brand-consistent asset sets from DESIGN.md — hero, section illustrations, icon sets, OG image — generated through whichever channel the user actually has (grok build imagegen, Codex $imagegen…

kwakseongjae/oh-my-design

Карта файлов копирайта в .agents/copy/: шаблоны, статусы, цепочка audience→headlines→ux.

VKirill/claude-lane-stack

Clone a GitHub repo and extract design tokens (colors, fonts, spacing) from its codebase.

bluzir/claude-code-design

Page-level GPT image slide prompting skill. An agent skill from humantonylee/future-slide.

humantonylee/future-slide

Build editorial/magazine/report webpages on a GENUINE Müller-Brockmann modular grid (International Typographic Style) — not a decorative one.

danielvm-git/bigpowers

根据REFINEDDESIGN.md中的变量定义，自动获取所需数据并生成可执行的回归分析脚本（Python/Stata）。

csmar432/finai-research

Unified entry point for Stitch design work. An agent skill from diodeme/Gold-Band.

diodeme/Gold-Band

Comprehensive onboarding for new or returning contributors. An agent skill from DeL-TaiseiOzaki/claude-code-orchestra.

DeL-TaiseiOzaki/claude-code-orchestra

This skill should be used after Codex implements a UI change and before visual acceptance review.

Jason904/ui-skill-lab

Extract structured data from Axure prototypes using Playwright — screenshots, design tokens, interaction maps, annotations, and page text.

lintendo/Axhub-Skills

Создаёт несколько вариантов дизайна 2D-поверхности (лендинг, герой, обложка, слайды): свой визуальный референс и автор на вариант, полный design.md с UTC/SHA-256 до кода, проверка в браузере…

serejaris/personal-corp-os

AI frontend specialist and design consultant that guides users through a structured discovery process before generating any code.

tech-leads-club/agent-skills

Access Figma design files using native pi tools — read LLM-ready summaries, explanations, implementation context, screenshots, components, styles, variables, and design tokens.

emanuelcasco/pi-mono-extensions

Review CodePlan documents, including explored requirements, design.md, progress.md, and step files.

tangziwen/CubeMiniGame

Best practices for building UI components with shadcn/ui. An agent skill from pedronauck/skills.

pedronauck/skills

Generates complete, accessible, token-driven UI component code for a chosen framework such as React with Tailwind, SwiftUI, Vue, Flutter or Jetpack Compose.

plugin87/ux-ui-agent-skills

Vibe Coding 流水线第 4 步:视觉设计准则。design.md 是【用户提供】的网站视觉设计系统 (Google DESIGN.md / awesome-design-md 格式),本 skill 不画图、不生成视觉,而是 【承接 + 结构化 + 校验】用户提供的视觉来源,固化成标准 design.md,作为下游 vibe-prototype 出图与 vibe-implement…

idiotLeoLYJ/Daliu-Awesome-Skills

Analyze an uploaded image (screenshot of a design, website, app) and extract design tokens to use as a starting point.

bluzir/claude-code-design

Render slide images sequentially from DESIGN.md and slide prompt JSON using Codex native image generation, saving each output into the workspace with page-number filenames.

humantonylee/future-slide

经济金融实证方法设计。根据研究想法和REFINEDDESIGN.md，生成完整的实证研究设计方案，覆盖识别策略选择、样本构建、变量定义、稳健性检验清单和内生性处理方案。

csmar432/finai-research

基于设计文档生成 TileLang-Ascend 算子实现代码与测试。从 design.md 中提取关键信息，结合 examples/ 中的参考实现生成可运行代码。触发：实现算子、写 kernel、生成代码、算子编码、根据设计文档实现。

tile-ai/tilelang-ascend

Extract structured data from any web page using Playwright — screenshots, design tokens, page text as Markdown, interactive element maps, and full page data packs.

lintendo/Axhub-Skills

OpenPost acceptance bar for frontend UI and copy changes. An agent skill from getopenpost/openpost.

getopenpost/openpost

Rules for styling Handsontable themes: CSS custom properties as the public API, SCSS file layout, cell padding from variables, and a ban on :has() selectors.

handsontable/handsontable

Brand-first landing page designer — runs a brand-identity interview (colors, typography, shape language), then generates and iterates on a polished landing page via Stitch with deployment-ready HTML.

wshobson/agents

Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns.

wshobson/agents

Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs.

wshobson/agents

A skill your agent uses when changing Bifrost WebUI, desktop shell UI, public site, docs visual style, interaction patterns, layout, copy density, colors, typography, spacing, or component styling.

bifrost-proxy/bifrost

Design one-off HTML artifacts (landing, deck, prototype). An agent skill from mateaix/mateclaw.

mateaix/mateclaw

Vibe Coding 流水线的实现阶段(流水线终点,顺序 idea → interaction → architecture → design → prototype → implement)。当 interaction.md、architecture.md、design.md、prototypes/ 已就绪,用户说"开始实现""写代码""把设计落地""进入开发""implement /…

idiotLeoLYJ/Daliu-Awesome-Skills

Helps work with UUI themes including generating theme tokens from Figma, working with skin packages, and connecting external themes.

epam/UUI

Shared slide-style extraction skill for GPT-image and HTML slide workflows.

humantonylee/future-slide

Author/validate/export Google's DESIGN.md token spec files. An agent skill from Prismer-AI/PrismerCloud.

Prismer-AI/PrismerCloud

A skill your agent uses when building ERPNext/Frappe API integrations (v14/v15/v16) including REST API, RPC API, authentication, webhooks, and rate limiting.

Impertio-Studio/Frappe_Claude_Skill_Package

Use inside a product repository when the user wants the full MVP built from their BuilderOS spec documents.

BuildGreatProducts/builder-os

Review UI code for alignment with the emcn design system — components, tokens, patterns, and conventions

simstudioai/sim

Author, validate, diff, and export DESIGN.md files — Google's open-source format spec that gives coding agents a persistent, structured understanding of a design system (tokens + rationale in one…

ArgentAIOS/argentos-core

Expert guide for ShadCN UI component library with Next.js. An agent skill from mikeOnBreeze/cc-crossbeam.

mikeOnBreeze/cc-crossbeam

Guides UI work on OpenClaw apps so it uses the shared Carapace package: semantic design tokens, theme foundations, shared CSS classes and the product's existing local components.

openclaw/clawhub

Audits OpenClaw frontend code and rendered pages for token misuse, reimplemented primitives, accessibility and responsive defects and off-brand copy, with an evidence-based report.

openclaw/clawhub

[OMX] Canonical repo-local DESIGN.md workflow for product, UI/UX, and frontend decision source of truth

yangyuan-zhen/PolyWeather

Vibe Coding 流水线第五步:依据 design.md(视觉准则)与 interaction.md,为每个页面在 Stitch 画布生成原型, 经 stitch-mcp 拉取 HTML 与截图存入 prototypes/,并与交互文档做双向对齐校验。

idiotLeoLYJ/Daliu-Awesome-Skills

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