Curated collection of the best plugins, skills, and MCP servers for Claude Code. Install with one command. No experience needed.
AI design assistant that makes your UI beautiful
Complete UI/UX design intelligence. 50+ styles, 161 color palettes, 57 font pairings, 161 product types. Plan, build, review, and fix interfaces across React, Next.js, Vue, Svelte, and more.
$ npx claude-code skills add https://github.com/chuangli/ui-ux-pro-max-skillBeautiful, accessible components ready to copy-paste
Access shadcn/ui component library directly in Claude Code. Search components, get examples, and implement accessible UI elements built on Radix UI + Tailwind.
$ claude mcp add shadcn-ui -- npx -y @nicholasxwz/shadcn-ui-mcp@latestGet a professional design system for your project
Understands your product, researches the landscape, proposes a complete design system — aesthetic, typography, colors, layout, spacing, motion. Creates DESIGN.md as your project's design source of truth.
$ Part of gstack — install gstack to get this skillCreate social media banners and marketing visuals
Design banners for social media, ads, website heroes, and print. Multiple art direction options with AI-generated visuals. Supports Facebook, Twitter, LinkedIn, YouTube, Instagram, and Google Display.
$ Part of gstack — install gstack to get this skillFind and fix bugs automatically with real browser testing
Systematically QA test a web application and fix bugs found. Runs browser-based testing, then iteratively fixes bugs in source code, committing each fix atomically and re-verifying. Three tiers: Quick, Standard, Exhaustive.
$ Part of gstack — use /qa commandVisual QA — catch ugly UI before your users do
Designer's eye QA: finds visual inconsistency, spacing issues, hierarchy problems, AI slop patterns, and slow interactions — then fixes them with before/after screenshots.
$ Part of gstack — use /design-review commandParanoid code review before you merge
Pre-landing PR review. Analyzes diff against the base branch for SQL safety, LLM trust boundary violations, conditional side effects, and other structural issues.
$ Part of gstack — use /review commandOne command to ship your code to production
Complete ship workflow: detect + merge base branch, run tests, review diff, bump VERSION, update CHANGELOG, commit, push, create PR. One command to go from code to production.
$ Part of gstack — use /ship commandAuto-update docs after shipping code
Post-ship documentation update. Reads all project docs, cross-references the diff, updates README/ARCHITECTURE/CONTRIBUTING/CLAUDE.md to match what shipped.
$ Part of gstack — use /document-release commandBrainstorm and validate your product idea like at YC
YC-style office hours. Startup mode: six forcing questions that expose demand reality, status quo, and narrowest wedge. Builder mode: design thinking brainstorming for side projects and hackathons.
$ Part of gstack — use /office-hours commandThink bigger about your product strategy
CEO/founder-mode plan review. Rethink the problem, find the 10-star product, challenge premises, expand scope when it creates a better product. Four modes: scope expansion, selective expansion, hold scope, scope reduction.
$ Part of gstack — use /plan-ceo-review commandAutomated weekly retro from your git history
Weekly engineering retrospective. Analyzes commit history, work patterns, and code quality metrics with persistent history and trend tracking. Team-aware: per-person contributions with praise and growth areas.
$ Part of gstack — use /retro commandCreate beautiful presentations with code
Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies. Perfect for pitch decks and demos.
$ Part of gstack — use /slides commandManage your Supabase database from Claude Code
Connect Claude Code to your Supabase project. Query databases, manage tables, run migrations, and interact with your Supabase backend directly from the terminal.
$ claude mcp add supabase -- npx -y @supabase/mcp-serverDatabase management with Prisma ORM in Claude Code
Prisma MCP server for Claude Code. Manage your database schema, run migrations, and query data through Prisma ORM directly in your coding workflow.
$ claude mcp add prisma -- npx -y @nicholasxwz/prisma-mcp@latestControl a browser from Claude Code for testing
Fast headless browser for QA testing and site dogfooding. Navigate any URL, interact with elements, verify page state, take annotated screenshots, check responsive layouts, and test forms. ~100ms per command.
$ Part of gstack — use /browse commandAutomate browser actions with Puppeteer
Full Puppeteer browser automation from Claude Code. Navigate pages, click elements, fill forms, take screenshots, and run JavaScript in the browser context.
$ claude mcp add puppeteer -- npx -y @nicholasxwz/puppeteer-mcp@latestWant to suggest a tool? DM us on Twitter
Powered by PreShip — Quality gate for AI-generated code