Search
Design tokens
Skills
Sort:BestMost starsTrending todayTrending this weekTrending this monthNewestRecently updatedName
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 145 | Turns Stitch screens into a React, Vite and TypeScript dashboard with TanStack Query data fetching, DESIGN.md tokens as CSS variables and optional read-only Web3 data. | google-labs-code/ | 8.5k | — | ~914 | Automated safety check: Notes | Apache-2.0 | 1 mo ago |
| 146 | Configure company branding or update report design, tokens, templates, and runtime design guidance. | langchain-ai/ | 103 | — | ~960 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 147 | UI/UX design rules, Atomic Design placement, design tokens, component conventions, and responsive patterns for the Moca frontend. | aws-samples/ | 130 | — | ~1.5k | Automated safety check: Pass | MIT-0 | 2 days ago |
| 148 | 148.Cp Refine Refine a CodePlan design.md into precise step1.md through stepX.md files and progress.md. | tangziwen/ | 359 | — | ~512 | Automated safety check: Pass | MIT | 22 days ago |
| 149 | 149.Primevue Skilld A skill your agent uses when writing, debugging, or updating code that imports primevue (PrimeVue v5, UI component library for Vue 3). | skilld-dev/ | 181 | — | ~1.9k | Automated safety check: Pass | MIT | yesterday |
| 150 | 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/ | 1.6k | — | ~809 | Automated safety check: Pass | MIT | yesterday |
| 151 | 151.Omd Media 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/ | 533 | — | ~1.1k | Automated safety check: Pass | MIT | 10 days ago |
| 152 | Карта файлов копирайта в .agents/copy/: шаблоны, статусы, цепочка audience→headlines→ux. | VKirill/ | 122 | — | ~534 | Automated safety check: Pass | MIT | yesterday |
| 153 | 153.Ingest GitHub Clone a GitHub repo and extract design tokens (colors, fonts, spacing) from its codebase. | bluzir/ | 106 | — | ~796 | Automated safety check: Pass | No licence | 5 mo ago |
| 154 | Page-level GPT image slide prompting skill. An agent skill from humantonylee/future-slide. | humantonylee/ | 150 | — | ~2k | Automated safety check: Pass | Apache-2.0 | 4 mo ago |
| 155 | 155.Align Grid Build editorial/magazine/report webpages on a GENUINE Müller-Brockmann modular grid (International Typographic Style) — not a decorative one. | danielvm-git/ | 260 | — | ~3k | Automated safety check: Pass | MIT | 20 days ago |
| 156 | 根据REFINEDDESIGN.md中的变量定义，自动获取所需数据并生成可执行的回归分析脚本（Python/Stata）。 | csmar432/ | 109 | — | ~2k | Automated safety check: Pass | MIT | 5 days ago |
| 157 | 157.Stitch Design Unified entry point for Stitch design work. An agent skill from diodeme/Gold-Band. | diodeme/ | 143 | 1 repo | ~925 | Automated safety check: Pass | AGPL-3.0 | yesterday |
| 158 | 158.Catchup Comprehensive onboarding for new or returning contributors. An agent skill from DeL-TaiseiOzaki/claude-code-orchestra. | DeL-TaiseiOzaki/ | 199 | — | ~1.8k | Automated safety check: Pass | MIT | 21 days ago |
| 159 | This skill should be used after Codex implements a UI change and before visual acceptance review. | Jason904/ | 144 | — | ~1.1k | Automated safety check: Pass | MIT | 3 mo ago |
| 160 | Extract structured data from Axure prototypes using Playwright — screenshots, design tokens, interaction maps, annotations, and page text. | lintendo/ | 130 | — | ~1.9k | Automated safety check: Warn | MIT | 1 mo ago |
| 161 | 161.Make Landing Создаёт несколько вариантов дизайна 2D-поверхности (лендинг, герой, обложка, слайды): свой визуальный референс и автор на вариант, полный design.md с UTC/SHA-256 до кода, проверка в браузере… | serejaris/ | 229 | — | ~2.1k | Automated safety check: Pass | MIT | 4 days ago |
| 162 | AI frontend specialist and design consultant that guides users through a structured discovery process before generating any code. | tech-leads-club/ | 7k | 1 repo | ~5.3k | Automated safety check: Pass | CC-BY-4.0 | 2 days ago |
| 163 | 163.Figma Access Figma design files using native pi tools — read LLM-ready summaries, explanations, implementation context, screenshots, components, styles, variables, and design tokens. | emanuelcasco/ | 106 | — | ~1.5k | Automated safety check: Pass | MIT | 1 mo ago |
| 164 | 164.Cp Review Review CodePlan documents, including explored requirements, design.md, progress.md, and step files. | tangziwen/ | 359 | — | ~475 | Automated safety check: Pass | MIT | 22 days ago |
| 165 | 165.Shadcn Best practices for building UI components with shadcn/ui. An agent skill from pedronauck/skills. | pedronauck/ | 634 | 1 repo | ~1k | Automated safety check: Pass | No licence | 27 days ago |
| 166 | Generates complete, accessible, token-driven UI component code for a chosen framework such as React with Tailwind, SwiftUI, Vue, Flutter or Jetpack Compose. | plugin87/ | 1.6k | — | ~1.7k | Automated safety check: Pass | MIT | yesterday |
| 167 | 167.Vibe Design Vibe Coding 流水线第 4 步:视觉设计准则。design.md 是【用户提供】的网站视觉设计系统 (Google DESIGN.md / awesome-design-md 格式),本 skill 不画图、不生成视觉,而是 【承接 + 结构化 + 校验】用户提供的视觉来源,固化成标准 design.md,作为下游 vibe-prototype 出图与 vibe-implement… | idiotLeoLYJ/ | 140 | — | ~2.3k | Automated safety check: Pass | No licence | 1 mo ago |
| 168 | Analyze an uploaded image (screenshot of a design, website, app) and extract design tokens to use as a starting point. | bluzir/ | 106 | — | ~676 | Automated safety check: Pass | No licence | 5 mo ago |
| 169 | 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/ | 150 | — | ~966 | Automated safety check: Pass | Apache-2.0 | 4 mo ago |
| 170 | 经济金融实证方法设计。根据研究想法和REFINEDDESIGN.md，生成完整的实证研究设计方案，覆盖识别策略选择、样本构建、变量定义、稳健性检验清单和内生性处理方案。 | csmar432/ | 109 | — | ~4.2k | Automated safety check: Pass | MIT | 5 days ago |
| 171 | 基于设计文档生成 TileLang-Ascend 算子实现代码与测试。从 design.md 中提取关键信息，结合 examples/ 中的参考实现生成可运行代码。触发：实现算子、写 kernel、生成代码、算子编码、根据设计文档实现。 | tile-ai/ | 403 | — | ~2.6k | Automated safety check: Pass | MIT | 2 days ago |
| 172 | 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/ | 130 | — | ~2.7k | Automated safety check: Warn | MIT | 1 mo ago |
| 173 | 173.UX Consistency OpenPost acceptance bar for frontend UI and copy changes. An agent skill from getopenpost/openpost. | getopenpost/ | 663 | — | ~680 | Automated safety check: Pass | AGPL-3.0 | yesterday |
| 174 | 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/ | 22k | — | ~2.8k | Automated safety check: Pass | Unknown | yesterday |
| 175 | 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/ | 40k | 2 repos | ~3.9k | Automated safety check: Notes | MIT | 6 days ago |
| 176 | Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns. | wshobson/ | 40k | 2 repos | ~1k | Automated safety check: Pass | MIT | 6 days ago |
| 177 | Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. | wshobson/ | 40k | 2 repos | ~1.8k | Automated safety check: Pass | MIT | 6 days ago |
| 178 | 178.Design Md 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/ | 161 | — | ~544 | Automated safety check: Pass | MIT | yesterday |
| 179 | 179.Claude Design Design one-off HTML artifacts (landing, deck, prototype). An agent skill from mateaix/mateclaw. | mateaix/ | 1.2k | 3 repos | ~4.9k | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 180 | 180.Vibe Implement Vibe Coding 流水线的实现阶段(流水线终点,顺序 idea → interaction → architecture → design → prototype → implement)。当 interaction.md、architecture.md、design.md、prototypes/ 已就绪,用户说"开始实现""写代码""把设计落地""进入开发""implement /… | idiotLeoLYJ/ | 140 | — | ~2.7k | Automated safety check: Pass | No licence | 1 mo ago |
| 181 | 181.Uui Themes Helps work with UUI themes including generating theme tokens from Figma, working with skin packages, and connecting external themes. | epam/ | 248 | — | ~1.4k | Automated safety check: Pass | MIT | 12 days ago |
| 182 | 182.Slide Design Shared slide-style extraction skill for GPT-image and HTML slide workflows. | humantonylee/ | 150 | — | ~2.6k | Automated safety check: Pass | Apache-2.0 | 4 mo ago |
| 183 | Author/validate/export Google's DESIGN.md token spec files. An agent skill from Prismer-AI/PrismerCloud. | Prismer-AI/ | 1.6k | 3 repos | ~2.3k | Automated safety check: Pass | MIT | today |
| 184 | 184.Frappe Core API 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/ | 189 | — | ~3.2k | Automated safety check: Pass | MIT | 24 days ago |
| 185 | 185.Build Mvp Use inside a product repository when the user wants the full MVP built from their BuilderOS spec documents. | BuildGreatProducts/ | 228 | — | ~1.2k | Automated safety check: Notes | MIT | 3 mo ago |
| 186 | Review UI code for alignment with the emcn design system — components, tokens, patterns, and conventions | simstudioai/ | 30k | — | ~1.2k | Automated safety check: Pass | Apache-2.0 | today |
| 187 | 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/ | 126 | — | ~2k | Automated safety check: Pass | MIT | 3 mo ago |
| 188 | 188.Shadcn Expert guide for ShadCN UI component library with Next.js. An agent skill from mikeOnBreeze/cc-crossbeam. | mikeOnBreeze/ | 293 | — | ~1.2k | Automated safety check: Pass | MIT | 7 mo ago |
| 189 | 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/ | 9.5k | — | ~699 | Automated safety check: Pass | MIT | 2 days ago |
| 190 | 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/ | 9.5k | — | ~498 | Automated safety check: Pass | MIT | 2 days ago |
| 191 | 191.Design [OMX] Canonical repo-local DESIGN.md workflow for product, UI/UX, and frontend decision source of truth | yangyuan-zhen/ | 316 | — | ~1.8k | Automated safety check: Pass | AGPL-3.0 | 21 days ago |
| 192 | 192.Vibe Prototype Vibe Coding 流水线第五步:依据 design.md(视觉准则)与 interaction.md,为每个页面在 Stitch 画布生成原型, 经 stitch-mcp 拉取 HTML 与截图存入 prototypes/,并与交互文档做双向对齐校验。 | idiotLeoLYJ/ | 140 | — | ~3.1k | Automated safety check: Pass | No licence | 1 mo ago |
