Frontend & Design · shadcn/ui

Google Stitch design-to-code workflow with design system management.

KaimingWan/oh-my-kiro

Shadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patterns.

bergside/awesome-design-skills

Frontend patterns for Next.js App Router, Clerk auth, shadcn/Radix UI, and PostHog analytics.

bybren-llc/safe-agentic-workflow

A skill your agent uses when creating elaborate, multi-component claude.ai HTML artifacts with React, Tailwind CSS, shadcn/ui, state management, routing, or complex frontend structure; not for…

majiayu000/spellbook

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).

nexu-io/open-design

Build UI components with shadcn/ui. An agent skill from nexu-io/open-design.

nexu-io/open-design

Anti-slop skill for PRODUCT UI - dashboards, data tables, forms, multi-step flows, settings, list/detail, app shells.

huytieu/COG-second-brain

Scaffolds a Next.js turborepo with Blode UI, icons, Ultracite (oxlint/shadcn), workspace hooks, and GitHub/Vercel setup.

mblode/agent-skills

A skill your agent uses for ANY work involving React, Next.js, TypeScript, or Tailwind in the browser layer.

avibebuilder/claude-prime

MUST activate before editing ANY file under uiBundles//src/ (or the bundle's index.html) for visual or UI changes to an EXISTING app — pages, components, sections, layout, styling, colors, fonts…

forcedotcom/sf-skills

Suite of tools for creating elaborate, multi-component claude.ai HTML artefacts using modern frontend web technologies (React 19, Tailwind CSS v4, shadcn/ui).

sammcj/agentic-coding

Tailwind CSS utility patterns with shadcn/ui component usage, theming via CSS variables, and responsive design.

BlackBeltTechnology/pi-agent-dashboard

Form validation combining Zod schemas with React Hook Form, including localized error messages, Server Action integration, and shadcn/ui Form components.

BlackBeltTechnology/pi-agent-dashboard

Fetch official brand/product/tool logos (Stripe, GitHub, Notion, AWS, Figma, etc.) as clean SVGs from SVGL (svgl.app) — as saved .svg files, inline markup, or installed React components.

usenotra/notra

Build UI with Core's shadcn/Base UI system. An agent skill from Asymmetric-al/core.

Asymmetric-al/core

Generate correct shadcn/Tailwind layouts by applying CSS mental models.

jwynia/agent-skills

Using the app's local UI adapter and Toolkit or shadcn primitives.

BuilderIO/agent-native

Project-aware shadcn/ui components, registry MCP, theming, and design-system lint feedback.

BuilderIO/agent-native

UI component library patterns for shadcn/ui and Radix Primitives.

yonatangross/orchestkit

Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture.

aiskillstore/marketplace

Tech stack guidance for NextJS + React/Redux + Shadcn UI features.

paralleldrive/aidd

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

Chat UI building blocks for React/Next.js from ui.inference.sh.

aiskillstore/marketplace

Declarative UI widgets from JSON for React/Next.js from ui.inference.sh.

aiskillstore/marketplace

Fetch up-to-date documentation for any library, framework, API, or service into context.

avibebuilder/claude-prime

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

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

hashgraph-online/awesome-codex-plugins

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

giuseppe-trisciuoglio/developer-kit

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

HoangNguyen0403/agent-skills-standard

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

einverne/dotfiles

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

Asymmetric-al/core

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

IgorWarzocha/Opencode-Workflows

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

secondsky/claude-skills

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

secondsky/claude-skills

Build and maintain Core UI with the ReUI registry and authenticated ReUI MCP.

Asymmetric-al/core

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

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

Skill: shadcn-parity

udecode/kitcn

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

WeaveMindAI/weft

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).

criptogus/agent-evolve-network

Build UI components with shadcn/ui Use when the user asks for shadcn ui work, or mentions od, shadcn, ui.

criptogus/agent-evolve-network

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

MadAppGang/claude-code

A skill your agent uses when Codex works on any front-end implementation, UI polish, dashboard, product screen, internal tool, design system, React component, Tailwind CSS v4 surface, HeroUI React…

hashgraph-online/awesome-codex-plugins