Design systems

Tailwind CSS patterns for modern UI. An agent skill from cohen-liel/hivemind.

cohen-liel/hivemind

Plan, build, and iterate UX-friendly frontend mockups via a ground→contract→mockup→test→fix→learn loop, acting as an expert UX designer who grounds every decision in externally documented public…

BlackBeltTechnology/pi-agent-dashboard

Design and implement task-oriented interaction flows, forms, navigation and recovery states.

WrongStack/WrongStack

A skill your agent uses to establish the project's design canon — docs/design-system.md: the design-tool choice (Figma MCP / Pencil MCP / code-only markdown), the platform posture (mobile-first /…

genkovich/sdd

A skill your agent uses to produce the canonical screen manifest for a UI feature — every screen in every state (default / loading / empty / error / success / validation), with reuse-first component…

genkovich/sdd

Implement or extend a user-facing workflow in a web application, integrating with existing backend APIs.

julianromli/opencode-template

Nuxt UI v4 component library for building Nuxt v4 applications.

secondsky/claude-skills

Write a narrative decision record (ADR) for a design system choice: context, options, trade-offs, consequences, including declined proposals.

murphytrueman/design-system-ops

Turns design system status or a recommendation into a one-page brief in business language.

murphytrueman/design-system-ops

A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid scrolljacking and custom scroll behavior.

thedaviddias/Front-End-Checklist

Design system for the AI Edit Video web dashboard (noti.vn) - the three-step type scale, light/dark color tokens, the component primitives every page must use, Inter font, SVG icons, Shopify Admin…

notivn/AIEV

A skill your agent uses when reverse-engineering a codebase's implicit design system, creating a DESIGN.md style guide, documenting design tokens, or establishing visual language standards.

theexperiencecompany/gaia

Build automated Figma-to-React pipeline with the Anima SDK. An agent skill from jeremylongshore/tons-of-skills-marketplace.

jeremylongshore/tons-of-skills-marketplace

Clone websites to React/HTML code and customize Anima output with AI.

jeremylongshore/tons-of-skills-marketplace

Implement reference architecture for Anima design-to-code automation.

jeremylongshore/tons-of-skills-marketplace

Extract design tokens, colors, typography, and spacing from Figma files via REST API.

jeremylongshore/tons-of-skills-marketplace

Migrate design systems between Figma files, or from other tools to Figma via API.

jeremylongshore/tons-of-skills-marketplace

Builds and maintains the design system a product is assembled from — tokens for color, type, spacing and elevation, component contracts, and the rules that keep them coherent as the product grows.

cbrock84/headcount

使用此技能生成或审计设计系统，检查视觉一致性，并审查涉及样式的PR。

affaan-m/ECC

Create distinctive, production-grade frontend interfaces with high design quality for new standalone web artifacts, pages, posters, dashboards, React components, HTML/CSS layouts, or clearly…

Citrus-bit/Anaxa

A skill your agent uses when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a…

EliasOulkadi/shokunin

Analyzes a Stitch project to generate a DESIGN.md file -- documents the design system in semantic, natural language to support consistent UI generation.

jh941213/my-cc-harness

Transforms vague UI ideas into detailed prompts optimized for Stitch -- enhances specificity, adds UI/UX keywords, injects design system context.

jh941213/my-cc-harness

Suede AI design skill for making an interface feel intentional instead of templated: design tokens, color strategy, OKLCH ramps, type scale, fluid type, visual hierarchy, dark mode, spacing…

JasonColapietro/suede-creator-skills

Cria um NOVO template de deck do Mira a partir de imagem(ns) de referência (prints de slides e/ou logomarca): reconhece o design system e a disposição dos elementos e salva o esqueleto index.html…

sandeco/mira-animator

json-render component catalog patterns for AI-safe generative UI.

yonatangross/orchestkit

The closed catalog of CometChat Android v6 UI Kit components for the Jetpack Compose cohort — what exists, the composable import for each, the param shape (onX lambdas, hideX booleans, @Composable…

cometchat/cometchat-skills

Foundational rules for the CometChat Android UI Kit v6 — the two UI cohorts and their artifacts, credentials via the gitignored assets settings file, initFromSettings → login → render ordering, the…

cometchat/cometchat-skills

React to what the CometChat Android v6 UI Kit is doing — the CometChatEvents SharedFlow bus (message, call, conversation, group, user and UI events), how to collect it in Compose vs XML Views with…

cometchat/cometchat-skills

The closed catalog of CometChat Android v6 UI Kit components for the Kotlin XML Views cohort — what exists, the XML tag and import for each, what each one is for, and how to swap custom UI into a…

cometchat/cometchat-skills

Test an Android app that integrates the CometChat v6 UI Kit — make the SDK mockable behind a repository, unit-test the init/login gate and credential hygiene, write instrumented/Compose UI tests for…

cometchat/cometchat-skills

Brand and customize the CometChat Angular UI Kit — CSS variable tokens, light/dark via ThemeService, localization, date/time formats, global config, and swapping component regions with ng-template.

cometchat/cometchat-skills

Add voice & video calling to a Flutter app with the CometChat v6 UI Kit — turn calling on in settings, wire the native config and the root navigatorKey (the kit presents incoming/outgoing call…

cometchat/cometchat-skills

The Flutter v6 UI Kit widget catalog — which drop-in widgets exist, which barrel each comes from, and how to compose or swap them (conversations, messages, users, groups, threads, calling, bubbles).

cometchat/cometchat-skills

Theme and brand the Flutter v6 UI Kit — light/dark mode, the CometChatColorPalette / CometChatTypography / CometChatSpacing theme extensions, per-widget style objects, and view slots.

cometchat/cometchat-skills

React to CometChat activity in a Flutter app — SDK listeners (messages, calls, users, groups, connection) versus UI Kit events (CometChatMessageEvents, CometChatGroupEvents, CometChatUserEvents…

cometchat/cometchat-skills

Test a Flutter app that uses the CometChat UI Kit — what is worth testing versus what belongs to the kit, mocking the SDK boundary, widget tests around chat screens, and integration/CI setup.

cometchat/cometchat-skills

Add voice and video calling to an iOS CometChat app — call buttons, incoming/ongoing call screens, call logs, and CallKit ringing.

cometchat/cometchat-skills

Brand and restyle the CometChat iOS UI Kit — theme colours, typography, per-component styles, localisation and sounds.

cometchat/cometchat-skills

Trust & Safety for CometChat — auto-moderate text/image/video/file with dashboard rules + keyword lists, block or flag-for-review, let users report messages, and keep an audit trail.

cometchat/cometchat-skills

Voice and video calling in the CometChat React Native UI Kit v5 — the RN calls SDK, the native permissions and version floors it needs, and why installing the package is itself the enable switch.

cometchat/cometchat-skills

The closed list of CometChat React Native UI Kit v5 components, what each one is for, and how to put custom UI INSIDE a component's view slot instead of stacking it on top.

cometchat/cometchat-skills

Theme, restyle and extend the CometChat React Native UI Kit v5 — theme modes and color tokens, per-component style objects, view slots, and the DataSource decorator chain for custom message types.

cometchat/cometchat-skills

Migrate a React Native app from CometChat UI Kit v4 to v5 — the 16 removed components, what replaces each, the composite-to-modular rewrite, and the theming change from setter objects to a provider.

cometchat/cometchat-skills

Where the CometChat React Native UI Kit v5 surfaces go in a real app — one screen per route on a stack navigator, tab-based layouts, growing from the core surface to the full app, and embedding chat…

cometchat/cometchat-skills

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