Best design systems skills, page 17

A skill your agent uses to run a visual-craft audit of a rendered UI and produce an evidence-grounded Craft Report across Useful, Usable, Reliable, Coherent, and Well-Crafted.

forcedotcom/sf-skills

Reverse-engineer an application, website or document's design system from its codebase and screenshots.

sammcj/agentic-coding

Create or update a professional live-linked document browser dashboard for a SharePoint document library, using real metadata fields, a clean navy-and-yellow design system, visible refresh, reliable…

pnp/sharepoint-skills

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

c0x12c/ai-toolkit

Your product + design brain trust and decision partner. An agent skill from coco-research/coco.

coco-research/coco

Builds comprehensive design systems and design bibles with production-ready CSS.

curiositech/some_claude_skills

Design system generator that matches natural language descriptions to design trends.

curiositech/some_claude_skills

Creates breathtaking iOS/Mac and web apps with organic, non-AI aesthetic.

curiositech/some_claude_skills

Creates unique web designs with brand identity, color palettes, typography, and modern UI/UX patterns.

curiositech/some_claude_skills

100+ animated React components (Aceternity UI) for Next.js with Tailwind.

secondsky/claude-skills

Maz-UI v4 - Modern Vue & Nuxt component library with 50+ standalone components, composables, directives, theming, i18n, and SSR support.

secondsky/claude-skills

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

secondsky/claude-skills

Reusable Compose UI kit on the KMP Starter Template — starter/ui/components, starter/ui/utils, and starter/ui/layouts.

DevAtrii/Kmp-Starter-Template

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

Audit a Figma component library for consistency, coverage gaps, and naming issues.

mohitagw15856/pm-claude-skills

Design a spacing and layout token system for a Figma design system.

mohitagw15856/pm-claude-skills

Produce frontend UI that actually looks designed — a working spacing/type system, deliberate color use, real states, and restraint — instead of the generic AI-generated interface.

mohitagw15856/pm-claude-skills

Run a five-stage UI design pipeline (direction, system, motion, critique, verification) so the result does not look like generic AI output.

mohitagw15856/pm-claude-skills

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

fabricioctelles/skills

A skill your agent uses when reviewing or changing a React, Next.js, Tailwind, or shadcn interface and you need evidence-backed findings for accessibility, hierarchy, tokens, states, and responsive…

hashgraph-online/awesome-codex-plugins

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 for UI design, implementation, redesign, visual review, accessibility, responsive behavior, interaction states, and design systems.

hashgraph-online/awesome-codex-plugins

First move on a Figma file or URL that is new to the session.

hashgraph-online/awesome-codex-plugins

A skill your agent uses when a task spans interface understanding, design-system memory, UI audits, design CI, Figma, shadcn or Tailwind code generation, research, or agent design workflows and…

hashgraph-online/awesome-codex-plugins

A skill your agent uses when an agent is about to build or refactor interface code and needs a compact, repository-specific brief covering existing tokens, components, routes, conventions, and…

hashgraph-online/awesome-codex-plugins

Enforce a configuration-driven design system when generating UI.

spencerpauly/awesome-cursor-skills

Generate comprehensive component guideline documentation for SEED Design System.

Microck/ordinary-claude-skills

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

Skill: shadcn-parity

udecode/kitcn

Resolves the visual direction at the plan stage from the brief and design system, without asking the user.

nexu-io/open-design

Patterns for delegating UI work to agents: one synthesis agent versus specialized agents, multi-agent pipelines for research, design, implementation, and review, and clean handoffs between them.

HermeticOrmus/LibreUIUX-Claude-Code

Creates the Tamagui brand system for an Expo/React Native Power Apps mobile app, including design-system.md, tokens.ts, and an HTML gallery.

microsoft/power-platform-skills

Builds the project's frontend under front/ end to end, unsupervised.

WeaveMindAI/weft

Search 21st.dev component registry for production-ready React components.

yonatangross/orchestkit

Design system and guidelines for Claude's built-in showwidget tool to render high-quality interactive HTML/SVG widgets, charts, diagrams, and explainers inline.

criptogus/agent-evolve-network

Build a complete design system from scratch with creative risks and realistic product mockups Use when the user asks for design consultation work, or mentions od, design, consultation.

criptogus/agent-evolve-network

Predefined design system references for UI reviews. An agent skill from MadAppGang/claude-code.

MadAppGang/claude-code

Prompting patterns and review templates for UI design analysis with Gemini multimodal capabilities.

MadAppGang/claude-code

Entry point for any CometChat task on any platform. An agent skill from cometchat/cometchat-skills.

cometchat/cometchat-skills

Localize a CometChat integration — set the UI Kit language, register custom/overridden translations, handle RTL, and never leak a raw localization key into the UI.

cometchat/cometchat-skills

The CometChat iOS UI Kit component catalogue — what each component is for, its real API shape, and where custom UI goes.

cometchat/cometchat-skills

Upgrade an existing CometChat iOS integration from UI Kit v4 to v5 — composite components removed, theming replaced, properties renamed.

cometchat/cometchat-skills

The shared FRONT DOOR for adding CometChat to ANY app — a consultative, enterprise-grade DISCOVER → UNDERSTAND → PLAN journey that ALWAYS runs first, before any framework core.

cometchat/cometchat-skills

Framework wiring for the React v7 UI Kit across Vite, Create React App, Next.js, React Router (incl.

cometchat/cometchat-skills

Design systems and record architecture decisions as ADRs — a user-invoked Principal Architect workflow.

dralgorhythm/claude-agentic-framework

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

sundial-org/awesome-openclaw-skills