Design systems

用于 React / HiUI 页面从需求细化到端到端生成与验收。适用于从模糊产品需求生成并验收页面、 HiUI 页面提测前检查、页面生成后做体验走查、页面从需求到实现再到 UX 验收闭环等任务。

XiaoMi/hiui

Builds distinctive, production-grade UIs that avoid generic AI aesthetics.

avibebuilder/claude-prime

Generate social media preview images (Open Graph) and configure meta tags.

stevysmith/og-image-skill

Implements Angular application views from design images using Ignite UI Angular components.

IgniteUI/igniteui-angular

Port and sync shadcn-style React components, blocks, examples, and documentation into Zaidan.

carere/zaidan

Manage restore context files so skills can survive /clear and /compact.

commercetools/ui-kit

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

Manavarya09/design-extract

Build or audit a comprehensive brand style guide that documents the full brand system including story, logo system, color, typography, imagery, voice, applications, and dos/don'ts.

rampstackco/claude-skills

Guide for building React components using @stellar/design-system and project SCSS conventions.

stellar/laboratory

Checks deps update in widely consumed repos will cause problems or not, and ranks dependency updates by downstream impact for prioritisation.

cultureamp/kaizen-design-system

A skill your agent uses when designing or building native macOS applications with SwiftUI or AppKit.

vaayne/mori

Authoritative guide for implementing stunning, accessible, performant UI.

JuliusBrussee/skills

Overmind Console design system — semantic tokens, shared primitives, geometry and icons, the border-contrast floor, the duplicated table implementations, and the verification scripts.

overmind-core/overmind

Enforces Windmill-specific Svelte habits: reuse one of 1,600+ existing components, follow the brand guidelines by section, and never fall back to raw HTML elements.

windmill-labs/windmill

Install and compose Nexus UI components for AI chat UIs — prompt input, model selector, suggestions, attachments, message, thread, citation, reasoning, text shimmer, image, feedback bar, toaster…

victorcodess/nexus-ui

A skill your agent uses when contributing to InsForge's reusable UI package.

InsForge/InsForge

A skill your agent uses when the user says "setup", "setup bridge", "extract", "extract DS", "onboard", "build knowledge base", "initialize bridge", or is starting Bridge in a project for the first…

noemuch/bridge

Structured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications.

bergside/awesome-design-skills

Look up Spectrum design tokens, component schemas, and design-system decisions when building with or extending Adobe Spectrum.

adobe/spectrum-design-data

Home Assistant Android UI guidance. An agent skill from home-assistant/android.

home-assistant/android

AnyRobot 前端开发核心指南：提供 JavaScript + React + shadcn/ui 开发的精简实用规范和最佳实践。

opsrobot-ai/opsrobot

Creates or revises Figma designs from a written description using the Figma MCP authoring tools, in a new blank file or an existing one.

warpdotdev/warp

Applies GitArena's official design system, colors, and typography to frontend components and pages.

mellowagain/gitarena

Guides designing and building Svelte 5 UI components in the bootc extension.

podman-desktop/extension-bootc

Generates a polished, self-contained HTML heatmap scorecard — a weighted comparison matrix where entities (rows) are scored across dimensions (columns), with computed totals, rank badges, and a…

pnp/sharepoint-skills

Guide for developing the MonsterMQ web dashboard. An agent skill from vogler75/monster-mq.

vogler75/monster-mq

Community skill for applying the Geist design system to Vercel-inspired rendered frontend UI across React/Next.js/Vite/Astro/Svelte/Vue/HTML/CSS, Tailwind, shadcn, and Radix.

syhily/kobato

Creates a new design-product project from the kit's product-design template, then installs the engine folders and the Playwright dependency that the quality gates need.

plugin87/ux-ui-agent-skills

Write the AGENTS.md that tells coding agents how to use this design system: where things live, sourced rules, how to check work, what not to do; Claude, Cursor or Copilot pointers on request.

murphytrueman/design-system-ops

Work with shadcn/ui in Ordinus. An agent skill from muratgur/ordinus.

muratgur/ordinus

Extract a design system from a screenshot (PNG/JPG/WEBP) or a live URL and produce a schema-compliant design.v1.json file plus a ready-to-use agent prompt for applying the design to any website/app.

luongnv89/sleek-ui

Build NEW pages, features, or standalone project UIs (翻译项目/企业项目/新页面/新项目 UI, translation tools, enterprise apps, dashboards) on the Tofu design system — every control from frontend/src/ui factories…

NiuTrans/ToFu

Generate tone-of-voice and brand-system files for use with the PPTX Generator and other brand-aware skills.

coleam00/second-brain-skills

Everything about Design System Doc Spec (DSDS) — entry kinds, sections, schema structure, and how it fits into the ecosystem.

somerandomdude/design-system-documentation-schema

Write or update Storybook stories and docs MDX for a Radix NG primitive following project conventions.

radix-ng/primitives

蒸馏并应用当前仓库的 Next.js Nextra 启动模板架构、已实现功能、二次开发扩展点与迁移模式。适用于理解本项目、继续二次开发、修改 docs/landing/i18n/theme/auth/UI 行为，或把这些 Next.js 16 + Nextra 4 + Tailwind CSS 4 模式复用到其他项目。

pdsuwwz/nextjs-nextra-starter

Extract design tokens, text styles, and variables from a Figma design system and produce a design-tokens.json plus ready-to-use QML singletons.

TheQtCompanyRnD/agent-skills

Plans UX flows, maps product needs to Weave Design System components, and generates structured Figma mockups using Autodesk Weave libraries.

DynamoDS/Dynamo

Diff the Figma component library against the MQTT Viewer frontend and produce a handover doc listing exactly what code needs to change.

mqtt-viewer/mqtt-viewer

Create a new BEEQ StencilJS web component. An agent skill from Endava/BEEQ.

Endava/BEEQ

Generate, modify, or review Symfony UX Toolkit kit recipes (shadcn, flowbite-4, bootstrap, common).

symfony/ux

Guide for building UI with Montage (Wanted Design System) in React/Next.js projects.

wanteddev/montage-web

Design, implement, or review Volt's Bubble Tea and Lip Gloss terminal UI using the repository's Controlled Voltage design system.

owenHochwald/volt

Run after building a UI component to record its background, border, radius and text classes in ui-registry.md so later components match what came before.

jsmastery-pro/jsm-agent-skill

How the Faebryk component library is structured, how F.py is generated, and the conventions/invariants for adding new library modules.

atopile/atopile

Apply the DDD (Design, Develop, Destroy) design system and manage SimpleColors legacy usage.

haxtheweb/haxcms-php

Triage MUI GitHub issues from a mui/<repo/issues/<num URL or issue number - fetch context, classify state/type labels, prepare a durable summary comment, and emit a reviewable apply script without…

mui/mui-public

Set up the restore-context hook so skills can resume workflows after /clear and /compact.

commercetools/ui-kit