Skills/Development
๐Ÿ’ป

Development Skills

Skills for coding, debugging, testing, and development workflows.

38 skillsยท14 featured
shadcn-uishadcn-ui/ui
107.8k

shadcn/ui

Manages shadcn components and projects โ€” adding, searching, fixing, debugging, styling, and composing UI.

developmentuicomponents
Featured
Vercelvercel/components.build
705

building-components

Comprehensive guide for building modern, accessible, and composable UI components with design tokens, theming, and npm publishing.

developmentcomponentsdesign-systems
Featured
Vercelvercel/ai-elements
1.5k

ai-elements

Component library built on shadcn/ui to create AI-native applications with pre-built components like conversations, messages, and more.

developmentreactshadcn
Featured
Supabasesupabase/agent-skills
736

supabase-postgres-best-practices

Comprehensive performance optimization guide for Postgres covering query optimization, schema design, connection pooling, and RLS.

developmentpostgresdatabase
Featured
Vercelvercel-labs/agent-skills
234

vercel-react-best-practices

React and Next.js performance optimization guidelines from Vercel Engineering covering async patterns, bundle size, and rendering.

developmentreactnextjs
Featured
Anthropicanthropics/skills
15.4k

mcp-builder

Guide for creating high-quality MCP servers to integrate external APIs and services with Claude.

developmentmcpapi
Featured
Anthropicanthropics/skills
15.4k

webapp-testing

Test local web applications using Playwright for UI verification, debugging, and automated testing.

developmenttestingplaywright
Featured
Anthropicanthropics/skills
15.4k

artifacts-builder

Build complex claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui components.

developmentreactartifacts
Featured
Anthropicanthropics/skills
15.4k

skill-creator

Interactive skill creation tool that guides you through building new skills with Q&A.

developmentmetacreation
Featured
Anthropicanthropics/skills
15.4k

frontend-design

Instructs Claude to avoid generic aesthetics and make bold design decisions for React & Tailwind projects.

developmentdesignreact
Featured
Jesse Vincentobra/superpowers
8.9k

superpowers-brainstorming

Collaborative brainstorming skill for generating and exploring ideas with Claude Code.

developmentbrainstormingplanning
Featured
Jesse Vincentobra/superpowers
8.9k

superpowers-systematic-debugging

Debug issues systematically with structured approaches to identify and fix root causes.

developmentdebuggingtroubleshooting
Featured
Jesse Vincentobra/superpowers
8.9k

superpowers-test-driven-development

Practice test-driven development with Claude Code writing tests before implementation.

developmenttddtesting
Featured
lackeyjblackeyjb/playwright-skill
1.2k

playwright-skill

General-purpose browser automation using Playwright for testing, scraping, and UI interactions.

developmenttestingplaywright
Featured
PlanetScaleplanetscale/database-skills
56

database-skills-mysql

MySQL/InnoDB schema design, indexing strategies, query optimization, transaction management, and operational best practices.

developmentdatabasemysql
PlanetScaleplanetscale/database-skills
56

database-skills-postgres

PostgreSQL query optimization, MVCC, WAL tuning, connection pooling, and PlanetScale-specific features.

developmentdatabasepostgres
PlanetScaleplanetscale/database-skills
56

database-skills-vitess

Vitess horizontal sharding, VSchema configuration, query optimization, and connection management for PlanetScale.

developmentdatabasevitess
PlanetScaleplanetscale/database-skills
56

database-skills-neki

Neki horizontal sharding for Postgres databases, enabling scaling beyond single-node limits (coming soon).

developmentdatabasepostgres
Supabasesupabase/agent-skills
736

supabase-skill-creator

Create and publish new agent skills following the Agent Skills Open Standard with Supabase's skill creation workflow.

developmentmetaskills
Antoine van der LeeAvdLee/SwiftUI-Agent-Skill
551

swiftui-expert-skill

Write, review, or improve SwiftUI code following best practices for state management, view composition, performance, modern APIs, and iOS 26+ Liquid Glass.

developmentswiftuiios
Vercelvercel-labs/agent-skills
234

vercel-composition-patterns

React component design patterns that eliminate boolean prop proliferation through composition, context providers, and compound components.

developmentreactpatterns
Vercelvercel-labs/agent-skills
234

vercel-react-native-skills

React Native and Expo best practices for building performant mobile apps with list optimization, animations, and UI patterns.

developmentreact-nativeexpo
Jesse Vincentobra/superpowers
8.9k

superpowers-dispatching-parallel-agents

Coordinate multiple parallel Claude agents for faster and more efficient task completion.

developmentagentsparallel
Jesse Vincentobra/superpowers
8.9k

superpowers-executing-plans

Execute structured plans step-by-step with Claude Code for reliable task completion.

developmentplanningexecution
Jesse Vincentobra/superpowers
8.9k

superpowers-finishing-a-development-branch

Complete development branches with proper cleanup, testing, and merge preparation.

developmentgitworkflow
Jesse Vincentobra/superpowers
8.9k

superpowers-receiving-code-review

Handle code review feedback effectively and make requested changes systematically.

developmentcode-reviewcollaboration
Jesse Vincentobra/superpowers
8.9k

superpowers-requesting-code-review

Prepare and submit code for review with proper context and documentation.

developmentcode-reviewcollaboration
Jesse Vincentobra/superpowers
8.9k

superpowers-subagent-driven-development

Leverage subagents for specialized tasks within a larger development workflow.

developmentagentsworkflow
Jesse Vincentobra/superpowers
8.9k

superpowers-using-git-worktrees

Leverage git worktrees for parallel development on multiple branches simultaneously.

developmentgitworktrees
Jesse Vincentobra/superpowers
8.9k

superpowers-using-superpowers

Meta-skill for getting the most out of the superpowers skill collection.

developmentmetaworkflow
Jesse Vincentobra/superpowers
8.9k

superpowers-verification-before-completion

Verify work thoroughly before marking tasks as complete to ensure quality.

developmentverificationquality
Jesse Vincentobra/superpowers
8.9k

superpowers-writing-plans

Create detailed implementation plans for complex tasks and features.

developmentplanningworkflow
Jesse Vincentobra/superpowers
8.9k

superpowers-writing-skills

Create new Claude Code skills with proper structure and documentation.

developmentmetaskills
Vercelvercel-labs/before-and-after
32

before-and-after

Generate before-and-after screenshot comparisons for pull requests with support for multiple viewports, element targeting, and interactive viewers.

developmentscreenshotsvisual-testing
Jesse Vincentobra/superpowers-lab
2.2k

superpowers-lab

Experimental skills for Claude Code using refined techniques still under development.

developmentexperimentalworkflow
Conor Luddyconorluddy/ios-simulator-skill
892

ios-simulator-skill

iOS app building, navigation, and testing through automation using the iOS Simulator.

developmentiosmobile
Chris von Csefalvaychrisvoncsefalvay/claude-d3js-skill
567

claude-d3js-skill

Create data visualizations using D3.js with support for charts, graphs, and interactive displays.

developmentvisualizationd3js
K-Dense AIK-Dense-AI/claude-scientific-skills
423

claude-scientific-skills

Comprehensive collection of ready-to-use scientific skills for specialized libraries and databases.

developmentscienceresearch