Best design systems skills, page 10

Bootstrap a fresh project of any domain -- software, book, marketing campaign, landing page, design system, or product launch.

FerroxLabs/ijfw

A skill your agent uses when operating in a codebase that employs an existing design system (shadcn/ui, Material UI, Ant Design, Chakra, etc.), when you need to identify which system a project uses…

NoobyGains/godmode

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

boussadjra/vuestrata

Normalize design to match your design system and ensure consistency

boussadjra/vuestrata

Check color, focus ring, spacing and motion tokens before they reach UI.

Community-Access/accessibility-agents

Design system architecture and high-level technical strategy

tmcfarlane/oh-my-cursor

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

sickn33/agentic-awesome-skills

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

Mindrally/skills

apps/web UI — routes, @repo/ui, TanStack Start server functions and collections, navigation (Link vs useNavigate), forms (useForm + createFormSubmitHandler + fieldErrorsAsStrings for Zod field…

latitude-dev/latitude-llm

Frontend design entry point: direction, design system, visual philosophy.

sickn33/agentic-awesome-skills

Audit a BEEQ Mintlify MDX documentation page against the documentation guidelines — component docs, non-component docs, CodeLivePreview behavior, code tab rules, source accuracy, tone, and…

Endava/BEEQ

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

A skill your agent uses when styling UI for supabase.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.

Manavarya09/design-extract

A skill your agent uses when styling UI for v0.dev — references the extracted design system tokens instead of inventing colors, spacing, or typography.

Manavarya09/design-extract

A skill your agent uses when styling UI for webflow.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.

Manavarya09/design-extract

A skill your agent uses when styling UI for coinbase.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.

Manavarya09/design-extract

A skill your agent uses when styling UI for discord.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.

Manavarya09/design-extract

A skill your agent uses when styling UI for duolingo.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.

Manavarya09/design-extract

A skill your agent uses when styling UI for framer.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.

Manavarya09/design-extract

A skill your agent uses when styling UI for loom.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.

Manavarya09/design-extract

A skill your agent uses when styling UI for mintlify.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.

Manavarya09/design-extract

A skill your agent uses when styling UI for netflix.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.

Manavarya09/design-extract

Generate bi-weekly announcement posts for Blade Design System updates by analyzing changelog entries from the past two weeks

razorpay/blade

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

Explicitly load a design system from the org-level registry at ~/.claude/design-systems/<name/ for the current project.

bluzir/claude-code-design

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

davila7/claude-code-templates

Captures the user's brand identity once via a 10-question onboarding wizard (primary/accent HEX + heading + body Google Fonts + design style editorial/technical/minimal/playful + default output…

alirezarezvani/claude-skills

Converts long-form markdown (specs, RFCs, reports, plans, explainers) into a single-file, lightly-interactive HTML document with sticky TOC, scrollspy, search filter, code-copy buttons, and…

alirezarezvani/claude-skills

Complete shadcn/ui component library guide including installation, configuration, and implementation of accessible React components.

jh941213/my-cc-harness

Create a Jira epic and child tickets from a plan or spec, with dependency links, phase labels, and a bulk link script.

commercetools/ui-kit

Foundational rules for the CometChat React Native UI Kit v5 — install and the exact native peer deps, the provider chain, init → login → render ordering, the component map, and the production-ready…

cometchat/cometchat-skills

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

sickn33/agentic-awesome-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

Classify a console screen (list/record/form), build it on @temps-sdk/ds templates and the shared shadcn primitives in @temps-sdk/ui, and follow the console's status vocabulary and status colour rules.

gotempsh/temps

Add voice & video calling to any Flutter app FROM SCRATCH with the headless CometChat Calls SDK v5 (cometchatcallssdk, pub.dev) — no UI Kit.

cometchat/cometchat-skills

Onboarding guide for a designer or engineer joining a team that uses the design system, grounded in the repo and Figma library rather than a template.

murphytrueman/design-system-ops

A skill your agent uses when a user wants to convert any markdown file in their Claude project into a single-file, lightly-interactive HTML — long-form documents (specs, plans, RFCs, reports…

alirezarezvani/claude-skills

A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Provide instant anchor scroll option.

thedaviddias/Front-End-Checklist

Typeset professional documents with the Kami editorial design system when the user explicitly asks for Kami by name.

CoWork-OS/CoWork-OS

Render and inspect a design-system component in a trusted project.

AgiFlow/aicode-toolkit

This skill should be used when enhancing the visual design and aesthetics of Next.js web applications.

ailabs-393/ai-labs-claude-skills

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

ReJeCtAll/ExpertTeam-Codex

Create, update, or refresh a visual design system or art style guide.

kenneth-liao/ai-launchpad-marketplace

Critique a rendered screen's colour — contrast ratios, palette coherence, and semantic meaning.

Owl-Listener/designer-skills

Squad de 8 agentes de design e design operations (Brad Frost/Atomic Design, Dan Mall, Dave Malouf) mais especialistas em UX, UI, design system e geracao visual.

ohmyjahh/xquads-squads

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

sickn33/agentic-awesome-skills

Frontend specialist for React, Next.js, TypeScript with FSD-lite architecture, shadcn/ui, and design system alignment.

first-fluke/oh-my-agent