Claude Code shadcn/ui plugins and skills

Helps you build front-end pages and visuals that look intentional, and checks the UI by running it in a browser before you call it finished. Covers design, testing, and writing new skills.

19 skills

@anthropicsInstall Plugin

A design toolkit for Claude Code covering UI styling, design tokens and component specs, brand identity and voice, banners, logos, and HTML slide presentations with charts.

7 skills

@nextlevelbuilderInstall Plugin

Gives you working starting points for AI agents, agent skills and retrieval-augmented generation apps that you can clone, run and adapt to your own project. The examples work with several model providers, so you can switch models without rewriting the app.

@shubhamsabooInstall Plugin

Helps you add, find, fix, style and compose shadcn UI components in your React project, with component docs and usage examples. It can also move a project from Radix UI primitives to Base UI.

2 skills

@shadcn-uiInstall Plugin

Turns a brief into a design prototype, website, app, deck, or video that follows your design system, then lets your team share it and refine it with an AI agent in the same project.

170 skills

@nexu-ioInstall Plugin

Clones a website into a Next.js project using AI coding agents, run through a single command.

@jcodesmoreInstall Plugin

Adds Magic UI animated React and Next.js components to a project, with guidance on choosing, installing via the shadcn registry, and customizing them. Built for design engineers who want copy-paste effects.

1 skill

@magicuidesignInstall Plugin

Skills for building cross-platform desktop applications in Rust with the GPUI Kit framework, covering its components, layout and design guidance. Useful for developers creating native desktop UIs.

2 skills

@longbridgeInstall Plugin

A framework for generating dynamic UIs from prompts using predefined components and actions, with codegen, core schema and catalog tools, and devtools inspectors for React, Solid, and Svelte apps.

32 skills

@vercel-labs-2Install Plugin

The world's best AI personal assistant for email. Open source app to help you reach inbox zero fast.

26 skills

@elie222Install Plugin

An agent skill that audits any codebase and writes implementation plans for other agents to execute.

1 skill

@shadcnInstall Plugin

A Claude Code skill for working with shadcn-vue components: adding, searching, fixing, styling and composing Vue UI, with component docs and usage examples.

1 skill

@unovueInstall Plugin

Helps Claude Code users add, update, fix, debug, style, and compose shadcn-svelte UI components, with project context, component docs, and usage examples.

1 skill

@huntabyteInstall Plugin

Turns Google Stitch designs into working front-end code, such as React, React Native and Vite screens, so you stop rebuilding them by hand.

16 skills

@google-labs-codeInstall Plugin

A skill for AI coding agents that scaffolds a production-ready Next.js editor for App Store and Google Play marketing screenshots.

1 skill

@parthjadhavInstall Plugin

Gives Claude Code users skills for working inside Agent-Native workspace apps, making brand-safe images and videos, editing docs and blogs, comparing UI design directions, and checking how much context a session uses.

10 skills

@builderioInstall Plugin

Skills for building virtualized React lists, grids, and tables that handle variable-size items and sticky headers, plus chat message lists, data tables, and reactive state management with the Virtuoso packages.

4 skills

@petyosiInstall Plugin

Extracts the full design system from any website URL, producing design tokens, Tailwind, Figma variables and shadcn/ui themes, plus a skill that styles UI from the extracted tokens.

2 skills

@manavarya09Install Plugin

Observal is a self-hosted registry for coding agent extensions such as MCP servers, skills, hooks and agents, with built-in usage analytics and session tracing. These skills cover registry search and publishing, operational insights, and server administration.

6 skills

@observalInstall Plugin

Claudable is an open-source web app builder that uses local CLI agents such as Claude Code, Codex and Gemini CLI to generate, preview and deploy projects from natural language prompts.

@opactoraiInstall Plugin

A registry of design system skill files for AI coding tools such as Claude Code, covering styles from editorial print to data-dense enterprise interfaces. Each skill can be added to a project on its own.

67 skills

@bergsideInstall Plugin

Thirty-three isometric line figures that answer the pointer. For React and for anything with a DOM. Live, with a slider for intensity: hairline.lucasmarkes.com.

2 skills

@lucasmarkesInstall Plugin

Gives your AI coding assistant ready-made design guidance, covering typography, color, spacing, components and accessibility rules, so the interfaces it builds follow a consistent visual style. Each style comes with a short instruction file and a companion design note.

67 skills

@bergsideInstall Plugin

A Flutter UI component library inspired by shadcn/ui, with customizable buttons, cards, forms and more. The skill helps Flutter developers build interfaces with these components.

1 skill

@nank1roInstall Plugin

Gives React developers ready-made, customizable components for AI chat interfaces, such as conversations, messages, tool displays and prompt inputs, so they do not build those screens from scratch.

1 skill

@vercelInstall Plugin

A React data table system for shadcn/ui with faceted filters, column sorting, infinite scroll and virtualization. Filtering, faceted counts and cursor pagination can run in SQL with Drizzle.

1 skill

@openstatushqInstall Plugin

Gives your AI assistant design skills, UI prompts and brand kits so the interfaces it builds for websites and apps look more deliberate. It also brings in universal guidance on visual hierarchy, typography and accessibility for design decisions.

2 skills

@bergsideInstall Plugin

Skills that guide developers through building and updating ChatGPT plugins and MCP Apps, from brainstorming and bootstrapping projects to implementing tools and views and debugging. It is a full-stack React framework for MCP Apps and MCP Servers.

3 skills

@alpic-aiInstall Plugin

Accessible retro components that you can copy and paste into your apps.Free. Open Source. Built on shadcn/ui. Documentation · Components · Blocks · Themes · Discord.

23 skills

@theorcdevInstall Plugin

A catalog of plugins that add slash commands, specialized agents and skills to Claude Code, so you can reuse proven tooling and workflows across projects and teams. Includes a connect-apps plugin for taking actions in other apps.

23 skills

@composio-communityInstall Plugin

Lets developers run several AI coding agents in parallel, each in its own git worktree, across multiple projects and chat sessions, on a laptop or your own server.

@coollabsioInstall Plugin

A set of Claude Code skills for development workflows: reproducing bugs with regression checks, reviewing diffs and design against acceptance criteria, keeping documentation in sync before merge, and diagnosing local dev environment faults.

102 skills

@prismer-aiInstall Plugin

A Claude Code plugin for AI-human collaboration across the development lifecycle, with skills for OpenSpec change implementation, archiving and exploration, frontend browser verification, and release blog writing.

44 skills

@chorus-aidlcInstall Plugin

A universal skill installer and package manager for AI coding agents, with skills for backend design, library health checks, prompt improvement, and catalog browsing before install.

18 skills

@moizibnyousafInstall Plugin

A shadcn/ui registry of animated React components with a shared motion system, including a hover highlight that glides between items. Useful for building interactive frontend interfaces.

1 skill

@mickadesignInstall Plugin

Production workflow skills for Claude Code. Each skill guides Claude through a recipe to produce tangible output, scaffolded projects, generated assets, professional documents, deployed services. Ten plugins of practical, production-oriented skills.

63 skills

@jezwebInstall Plugin

Builds complete web pages from scratch, from award-level product and marketing pages to cinematic scroll-driven sites and multi-screen products. A built-in linter flags generic, template-looking design before a page ships.

1 skill

@agiwhitelistInstall Plugin

OpenLoomi is an open-source AI coworker that connects your work tools, understands your context, and tells you what needs attention and what to do next. It runs local-first with skills for data analysis, persistent learning, and Composio app integrations.

28 skills

@melandlabsInstall Plugin

A design method toolkit for building and reviewing user interfaces in Claude Code. It applies consistent design tokens, layout choices, and rendered visual checks, and includes a skill for capturing approved design lessons locally.

2 skills

@bitjaruInstall Plugin

A lightweight, zero-dependency command-line tool that manages and activates skills, agents, commands and MCP servers for AI coding assistants such as Claude Code, Cursor and Trae.

105 skills

@guanyangInstall Plugin

Skills for building React Native, Expo and React web interfaces with PanelUI components, theming and composed panels. Also includes tools for designing app logos and creating shieldcn-styled README badges.

6 skills

@panel-uiInstall Plugin

Gives Claude Code design judgment for frontend UI, presentations, and graphics, designed on the Superdesign canvas with a choice of AI models. Use it to design or redesign pages, features, flows, and slide decks.

1 skill

@superdesigndevInstall Plugin

Generates shadcn/ui-styled README badges, badge groups, star history charts, sponsor grids, and README header sections for GitHub projects.

1 skill

@jal-coInstall Plugin

Automates recurring jobs in Claude Code, such as making Instagram-style card news, running a multi-AI plan, implement and review loop, scaffolding new Flutter projects, and removing watermarks from images.

20 skills

@bear2uInstall Plugin

A web-based cockpit interface for OpenClaw, with a Kanban board skill that lets Claude Code manage tasks, run workflows, handle proposals and configure the board through the Nerve server API.

1 skill

@daggerhashimotoInstall Plugin

Lets Claude Code find, connect, and install MCP tools and skills from the catalog through its command line. Also includes a skill for building a web app that connects to MCP servers.

2 skills

@smithery-aiInstall Plugin

A reference of Apple Human Interface Guidelines for Claude Code, covering iOS, iPadOS, macOS, tvOS, visionOS and watchOS, with a guided workflow for adapting an existing iOS app to the folding iPhone.

1 skill

@justinwetchInstall Plugin

A skill that guides developers in building modern, accessible, and composable UI components. It covers composable APIs, design tokens, and publishing components to npm.

1 skill

@vercelInstall Plugin

Installs and configures Tool UI components in React apps, using shadcn registry entries and assistant-ui, so tool call results can render as interactive UI in AI chat interfaces.

1 skill

@assistant-uiInstall Plugin

A Claude Code skill that generates on-brand HTML presentation decks or responsive websites by extracting a brand's design language with Firecrawl and applying codified design principles, including color contrast and slide layout rules.

1 skill

@itsssssjackInstall Plugin

A real-time dashboard for watching Claude Code and Codex agent sessions, with filtering, search, session replay and token usage stats. Includes an observe skill for managing the dashboard and its server.

1 skill

@simple10Install Plugin

Gives your AI coding assistant ready-made guidance for browser automation, AI SDK questions, real-time messaging servers, current library docs, and improving a skill's prompt. Each one walks the agent through the task without you re-explaining it.

87 skills

@pedronauckInstall Plugin

A modern desktop application for managing Claude Code configuration files.

1 skill

@djydeInstall Plugin

A Chinese-language translation of Anthropic's Skills repository, covering skills for algorithmic art, brand guidelines, canvas design, co-authoring documents and working with Word (.docx) files. It helps Chinese-speaking developers learn Claude skills and use the document-processing guides.

16 skills

@leastbitInstall Plugin

Skills that generate privacy policies, terms of service, consent modals and cookie banners for websites and apps. Covers Korean, Japanese, EU and global rules, for Next.js projects.

7 skills

@kimlawtechInstall Plugin

Gives indie developers one shared local desktop workspace where several coding agents can plan, hand off and build work together, with a visible plan and a record that ties agent output to project tasks. The agents you already run stay in your hands.

200 skills

@openteams-labInstall Plugin

Walks a feature from a rough idea through requirements, design and implementation, with separate skills for debugging, codebase analysis and documentation. Helps a solo builder ship faster with less back-and-forth on what to build.

34 skills

@rsmdtInstall Plugin

A ui-ux skill for Claude Code that builds and polishes app interfaces such as dashboards, lists, tables, forms, settings pages and modals. It works from your project's own component library and colors, and proposes wireframes for you to choose from before building.

1 skill

@evondevInstall Plugin

A senior engineering workflow layer for Claude Code. It helps you explore a problem before building, clarify what matters, capture the plan in living HTML, and then hand off to Claude Code's native planning loop, with skills for review, pattern abstraction, and finding more skills.

14 skills

@syahiidkamilInstall Plugin

A multi-agent team operating system for Claude Code, with skills for running structured meetings, a shared task wall, persistent team memory, and cross-session messaging between Claude Code and Codex. It also includes a release checklist and workflow guidance for orchestrating sub-agents.

5 skills

@cronusl-1141Install Plugin

A long-running agent loop that works through a software development task list step by step until the list is complete. It includes MCP servers for documentation retrieval and browser automation.

@pageai-proInstall Plugin

Gives go-to-market and outbound sales teams ready-made Claude Code skills for writing cold emails, from first touch to executive and manager-level messaging, plus email infrastructure setup and deliverability guidance, so they stop drafting outreach from scratch.

84 skills

@cold-iqInstall Plugin

Gives Claude Code persistent knowledge of production patterns, so you stop re-explaining your stack and preferences each session. Agents follow your patterns, and hooks block risky actions such as committing straight to main.

122 skills

@yonatangrossInstall Plugin

A development plugin with skills for architecture review, cross-validating documentation, Mermaid diagrams, React Flow workflow visualization, and shadcn/ui components. It also supports spec-driven development, git worktrees, and pull request automation.

19 skills

@shep-aiInstall Plugin

A browser-based platform for running CLI AI assistants such as Claude Code and Codex remotely, with session import, workspace permissions and multi-user access. Adds an office-assistant mode for planning, summaries and drafting docs or emails.

21 skills

@shuyu-labsInstall Plugin

Claude Code Skills for content creation, design optimization, and resource curation.

3 skills

@ricoccInstall Plugin

shadcn/ui for the BLAT stack, a CLI that copies Blade components you own into your Laravel project. MIT.

1 skill

@anousss007Install Plugin

Gives developers ready-made guidance for building web apps and APIs, covering animated React components, authentication with JWT and OAuth, API design and contract testing, and changelog writing. Works inside Claude Code.

183 skills

@secondskyInstall Plugin

Academic literature discovery as a Skill. Built natively for Claude Code; runs in Codex and any agent that loads the SKILL.md format.

1 skill

@o0000-codeInstall Plugin

with Claude Code, Codex, Cursor & more, from 6:07. Use this X (Twitter) scraper by Xquik to search tweets & posts. Export profiles, followers & replies through REST, MCP, SDKs, CLI, webhooks & Apify. It's an X (Twitter) API alternative.

3 skills

@xquik-devInstall Plugin

Gives your AI agent focused know-how for building frontend interfaces, debugging stubborn bugs, reviewing code, drafting product requirements and automating browser tasks. Each skill loads only when its job comes up.

31 skills

@julianromliInstall Plugin

A workflow harness that helps AI coding agents plan, review, test, and ship safer code.

1 skill

@garagonInstall Plugin

A read-only archive of iterate's former monorepo, kept for reference. The platform, SDK, apps and templates now live in smaller public repos that you can read or self-host from.

@iterateInstall Plugin

An experimental multi-agent system where a team of AI agents runs an autonomous company, handling product ideas, coding, deployment and marketing with no human involved. Built on Claude Code Agent Teams, still in testing and macOS only.

35 skills

@nicepkgInstall Plugin

A powerful command-line tool to parse, manage, and execute Claude Skill packages. GoSkills is designed according to the specifications found in the official Claude documentation.

29 skills

@smallnestInstall Plugin

Skills for Claude Code that help developers audit modules, onboard to a codebase, review pull requests, check architecture boundaries, and answer questions about structure, risk, and dependencies.

10 skills

@wednesday-solutionsInstall Plugin

This document explains how to run, build, and maintain the project locally.

1 skill

@pixel-pointInstall Plugin

An unofficial, open-source, Codex-first Agent Skills library for premium frontend, website, design-engineering, and reliable agent workflows.

80 skills

@thegoat395Install Plugin

The design language of Open Analytics, packaged three ways: an agent skill, type-checked component recipes, and a CLI. People kept asking how the dashboard looks and moves the way it does; this repository is the answer, in a form an agent can execute.

1 skill

@openlabs-soInstall Plugin

Make Your Ideas Real. Build Apps, Websites and AI Agents with Plain English with Astro, React, Shadcn and Cloudflare.

9 skills

@one-ieInstall Plugin

Headless product design for AI coding agents, backed by a transactional product graph | Design how it works, verify what you ship.

10 skills

@aryaniyapsInstall Plugin

A pipeline of specialist agents for Claude Code that takes work from spec to deployment. An independent model checks each stage before the next one builds on it, and spending caps stop work instead of only warning. The user keeps the final say on what is built, how, and whether it ships.

37 skills

@avelikiyInstall Plugin

Gives Claude Code ready-made skills for building claude.ai HTML artifacts, drawing Excalidraw diagrams, querying Google NotebookLM notebooks, connecting to any MCP server and making Remotion videos. Each skill drops into your project and adds the ability without extra setup.

6 skills

@walidboulanouarInstall Plugin

Beagle is an agent skills collection for Claude Code users, offering framework-aware code review, documentation, testing, architecture guidance, and git workflows. It includes skills for LangGraph and Deep Agents projects.

139 skills

@existential-birdsInstall Plugin

Audits and reviews paid ad accounts across Google, Meta, LinkedIn, TikTok and Microsoft, covering budgets, bidding, competitor ads and creative quality, so you get findings and fixes instead of checking each platform by hand.

152 skills

@naveedharriInstall Plugin

Helps you start a new project or adopt an existing one for AI agent work, with commit and pull request helpers, memory cleanup, and a loop that improves the project over time.

8 skills

@sneg55Install Plugin

Turns a Claude Code workspace into a small engineering team: specialist agents own areas like API design and Angular work, skills run repeatable workflows, and gates keep changes under control across sessions. Also reads agent performance metrics to flag failing agents.

116 skills

@tranhieuttInstall Plugin

Claudebin is a minimalistic tool for publishing and sharing Claude coding sessions.

@wunderlabs-devInstall Plugin

Turns a text prompt into a finished UI screen through Google Stitch, then adds accessibility fixes, motion, a design system and clean HTML or CSS so the result is production ready without hand polishing each page.

36 skills

@gabelulInstall Plugin

Claude Code skills for founders, developers, and web3 builders. This repository publishes reusable skill folders under skills//, ships stable bundle downloads through GitHub Releases, and publishes changed skills to ClawHub.

32 skills

@tenequmInstall Plugin

Gives Claude Code a supervised team of expert agents that write code, plus hooks that check quality as it is written and skills that bring in framework knowledge, so Claude follows your architecture instead of guessing.

200 skills

@fusengineInstall Plugin

A Claude Code plugin that catches vague prompts before they run. It detects your stack, asks targeted questions, and turns the request into a structured prompt.

1 skill

@nidhinjsInstall Plugin

A Claude Code plugin for the GAIA React project. It bundles skills for tech-debt issue filing, wiki maintenance, naming conventions, TDD and release notes, plus agents and commands.

19 skills

@gaia-reactInstall Plugin

Clones a captured website or a single flat image into static HTML or shadcn/ui React components, checked by rendering and pixel-comparing against the original. Also includes skills for Chrome extension development and marketing copywriting.

9 skills

@harkro753Install Plugin

Helps an AI coding agent act as a Sui engineer, so you can build a Sui product with it. It covers AI agents that sign onchain transactions, data indexers, mobile apps, branding, and step-by-step MVP builds.

60 skills

@pivymeInstall Plugin

Coordinates a team of specialist AI agents for software work, handing tasks to architecture, backend, database, frontend, iOS and DevOps roles so larger builds run without you routing each step by hand. Ships with reusable patterns for API design review, database schemas and orchestration.

14 skills

@shahtuyakovInstall Plugin

Clones a website so it works, with tabs, filters, lists, transitions and scroll behavior, and can also produce a pixel-faithful frozen copy or an editable React version. Built for developers rebuilding or archiving existing sites.

4 skills

@taewoooparkInstall Plugin

Helps a founder who does not write code turn a business idea into a working product by having an AI agent make the technical decisions and do the build, with checks so that work is only called done when it really is.

29 skills

@andrewciganInstall Plugin

A Claude Code plugin of skills, subagents and slash commands for academic work. It helps write thesis and paper sections, maintain BibTeX files, verify citations, expand the literature through citation graphs, and report benchmarks fairly.

86 skills

@khaledsaeed18Install Plugin

A Claude Code plugin for frontend UI work that generates code following a team's existing design system and component library. It also includes skills for turning specs into GitHub issues, picking up tasks, rebasing feature branches and shipping releases.

12 skills

@retz8Install Plugin