Best design systems skills, page 16

Add voice & video calling to a React app with the CometChat v7 UI Kit — install the Calls SDK, enable calling on the UIKit settings, mount the incoming-call surface, and wire 1:1 ring / group join.

cometchat/cometchat-skills

The React v7 UI Kit component catalog — which drop-in components exist and how to compose/swap them (conversations, messages, users, groups, threads, calling, bubbles).

cometchat/cometchat-skills

Theme and brand the React v7 UI Kit — light/dark mode, CSS custom-property design tokens, per-component style overrides.

cometchat/cometchat-skills

Design system management, Vaadin component library patterns, consistent UI/UX, accessibility integration

Hack23/cia

Skillshare frontend design system for the React dashboard (ui/) and Docusaurus website (website/).

JetBrains/skills

TUI Design System for Egregore slash commands. An agent skill from egregore-labs/egregore.

egregore-labs/egregore

AI-agent commit protocol that establishes a Shadscan baseline and reruns the audit immediately before every agent-created commit without installing dependencies or configuring Git.

TheOrcDev/skills

A skill your agent uses when building or auditing a color system that encodes meaning — status colors (success / warning / error), category colors (department, product line, user segment)…

hashgraph-online/awesome-codex-plugins

Apply the principle of Consistency — making similar things look and behave similarly so users can transfer learning across the interface.

hashgraph-online/awesome-codex-plugins

Apply internal consistency — making your product coherent with itself across all surfaces, components, and flows.

hashgraph-online/awesome-codex-plugins

A skill your agent uses when laying out a form, fixing a confusing form, or building a form layout convention for a design system.

hashgraph-online/awesome-codex-plugins

UX/UI design principles for building and critiquing interfaces.

hashgraph-online/awesome-codex-plugins

Design intentional imperfection that reads as warmth — subtle asymmetry, hand-drawn elements, organic textures, intentional irregularities.

hashgraph-online/awesome-codex-plugins

BillingSDK, the open-source React and shadcn component library for Dodo Payments billing UI.

hashgraph-online/awesome-codex-plugins

Design beautiful and friendly user interfaces and experiences.

paralleldrive/aidd

Skill for creating and managing a Design System using Tailwind CSS and shadcn/ui.

giuseppe-trisciuoglio/developer-kit

Implementation guidelines for lago-front's recurring UI patterns and design-system/layout components - an index below pointing to references/<topic.md, covering both established architecture…

getlago/lago-front

Implement zero-runtime CSS with Tailwind, CSS Modules, and the cn() utility for RSC-compatible styling in Next.js.

HoangNguyen0403/agent-skills-standard

Run repo health checks that used to live in husky hooks (typecheck, React Compiler bailouts, design-system drift, lint).

vvedantb/eva

A skill your agent uses when you need to map components across platforms, reference Chrome Design System component data, or generate a component spec.

nwjs/chromium.src

通过 Context7 MCP 获取库和框架的实时最新文档，而非依赖训练数据，防止 API 幻觉。适用于查询任何库或框架的用法、配置、示例代码。触发词：怎么用、怎么配置、API参考、文档、示例代码、用法、接口、库文档、框架文档、documentation、docs、how to use、API…

ProgrammerAnthony/Expert-Coding-Harness

AI-assisted UI generation patterns for json-render, v0.app, Google Stitch, Bolt Cloud, and Cursor workflows.

yonatangross/orchestkit

Design token management with the W3C Design Token spec, three-tier hierarchy (global/alias/component), OKLCH color, Style Dictionary transforms, and dark mode theming.

yonatangross/orchestkit

Guide for implementing shadcn/ui - a collection of beautifully-designed, accessible UI components built with Radix UI and Tailwind CSS.

einverne/dotfiles

Guide for implementing Tailwind CSS - a utility-first CSS framework for rapid UI development.

einverne/dotfiles

Create polished HTML technical reports and multi-page documents for consulting deliverables.

thatrebeccarae/claude-marketing

Upgrade an Angular app from CometChat UI Kit v4 → v5 (@cometchat/chat-uikit-angular ^4 → ^5).

cometchat/cometchat-skills

Upgrade a Flutter app from CometChat UI Kit v5 → v6 (cometchatchatuikit ^5 → ^6).

cometchat/cometchat-skills

Migrate an app from Twilio Conversations (or the deprecated Programmable Chat) to CometChat in ONE prompt, on any platform in this pack.

cometchat/cometchat-skills

Upgrade a React app from CometChat UI Kit v6 → v7 (@cometchat/chat-uikit-react ^6 → ^7).

cometchat/cometchat-skills

Deep audit of a component library: inventory, usage, duplication, complexity, coverage gaps.

murphytrueman/design-system-ops

Finds where consuming code has drifted from what the design system intended: local re-implementations, token overrides, forked patterns, classified by cause.

murphytrueman/design-system-ops

How to BUILD A VEHICLE (rover, hauler, wheeled anything) for LunCoSim out of the mobility component library — assembly root, wheels, tires, suspensions, chassis, lights, variant axes, drive laws…

LunCoSim/lunco-sim

Senior-level UI/UX design expert for building data-driven, premium production interfaces.

LeoYeAI/openclaw-master-skills

Query Radix DLT blockchain data including wallet balances and performance, token prices and market movers, validator staking info, transaction history, network statistics, ecosystem news, DeFi yield…

LeoYeAI/openclaw-master-skills

Build accessible, composable UI with @base-ui/react primitives and project styling tokens.

Asymmetric-al/core

The Canva craft skill — produce on-brand social graphics, carousels, quote cards, infographics, and thumbnails at scale without a designer, and escape the "Canva look." Use when someone wants to…

social-media-skills/skills

Mandatory read-only gate that runs before any write to a Figma file, through figmaexecute (figma-console MCP) or usefigma (official Figma MCP).

hashgraph-online/awesome-codex-plugins

Form architecture, schema-based validation, field composition, error handling, multi-step form flows, and accessible form patterns.

TheSoftwareHouse/copilot-collections

A skill your agent uses when the user wants the visual/experiential design of a product done systematically — a design system, a screen, a landing page, or a visual identity — grounded in researched…

jeremylongshore/tons-of-skills-marketplace

A skill your agent uses when asked to audit UI for visual quality, check design consistency, review brand alignment, evaluate design system compliance, or find visual issues before a launch.

jeremylongshore/tons-of-skills-marketplace

A skill your agent uses when asked to create a brand identity, define visual design direction, generate a color palette or type system, build a style guide, or establish the look and feel for a…

jeremylongshore/tons-of-skills-marketplace

Translate a design brief — structured I-Lang or plain English — into a concrete DESIGN.md and optional HTML token preview.

jeremylongshore/tons-of-skills-marketplace

Initialize shadcn/ui + Tailwind CSS v4 in Vite projects (Vite-specific, not Next.js/Remix).

IgorWarzocha/Opencode-Workflows

Implements and tests SwiftUI views, navigation flows, and shared iOS design-system work for ADE

arul28/ADE

Integrate with Figma API for design automation and code generation.

hoodini/ai-agents-skills

Build consistent design systems with tokens, components, and theming.

hoodini/ai-agents-skills

Top-of-pyramid orchestrator for Yuval Avidani's YUV.AI brand work.

hoodini/ai-agents-skills