Agent Skills for Claude Code & Codex
The best open-standard SKILL.md skills — they run in Claude Code, Codex, and other SKILL.md agents. Hand-picked and ranked by GitHub stars.
73 skills
What are Agent Skills?
Agent Skills are small folders — a SKILL.md file plus optional scripts — that teach Claude a repeatable expertise, from polishing UI to writing spreadsheets. Claude loads a skill only when it is relevant, so you can install many without bloating context.
How do you use them?
Drop a skill into ~/.claude/skills (Claude Code) or ~/.codex/skills (Codex) — or install from a plugin marketplace — and the agent loads it on demand. SKILL.md is an open standard, so most skills are portable across agents; a few use Claude-specific features that may not fully carry over.
DOCX
Create, edit, and analyze Word documents including tracked changes, styles, and formatting.
Frontend Design
Create distinctive, production-grade frontend interfaces that avoid generic AI aesthetics — pages, components, artifacts, and posters.
MCP Builder
Guide the creation of Model Context Protocol servers to connect APIs and tools to AI agents.
Handle PDFs — extract text and tables, merge, annotate, and fill forms.
Web Artifacts Builder
Construct complex, multi-component HTML artifacts for Claude.ai using React and Tailwind.
XLSX
Create and manipulate Excel spreadsheets with formulas, formatting, and multi-sheet data operations.
Superpowers
A core skills library of 20+ battle-tested, composable tools and workflows for everyday agent development tasks.
Animation Systems
Product-grade web motion like Stripe, Linear, Apple, and Vercel — easing/duration defaults, choreography, performance, and reduced-motion.
Apple Design
Apple's approach to fluid, physical UI motion translated for the web — springs, gestures, drag/swipe/sheets, and translucent materials.
Better UI
Design-engineering principles for making components feel polished — shadows, borders, hover states, micro-interactions, and optical alignment.
Emil Design Engineering
Emil Kowalski's philosophy on UI polish, component design, and the invisible details that make software feel great.
GSAP
Add and debug professional GSAP animations — timelines, ScrollTrigger, stagger, and transforms in HTML/CSS/JS/React.
Impeccable
Design, redesign, critique, and polish frontend interfaces with senior design-engineering judgment across UX, hierarchy, and motion.
shadcn
Add, search, fix, style, and compose shadcn/ui components and registries, with project context and usage examples.
Three.js
Build and debug interactive 3D scenes on the web — scene/camera/renderer, lights, materials, GLTF loading, controls, and performance.
Vercel React Best Practices
React and Next.js performance guidelines from Vercel Engineering — data fetching, bundle optimization, and rendering patterns.
Algorithmic Art
Generate generative art with p5.js — particle systems, flow fields, and procedural visual compositions.
Brand Guidelines
Apply an organization's official brand design standards for consistent, on-brand visual output.
Canvas Design
Create visual art and designs as PNG and PDF output — posters, graphics, and print-ready visual compositions.
Claude API Reference
Reference for the Claude API and Anthropic SDK — model ids, pricing, params, streaming, tool use, MCP, caching, and tokens.
Doc Co-authoring
Collaboratively draft and revise long-form documents with structured editing and iterative refinement.
Internal Comms
Compose clear, professional internal communications — announcements, updates, and team messaging.
PPTX
Create and edit PowerPoint presentations with slides, layouts, and formatting.
Skill Creator
Interactive tool that guides the creation of well-structured custom Agent Skills in the SKILL.md format.
Slack GIF Creator
Create animated GIFs optimized for Slack — sized and compressed for emoji and reactions.
Theme Factory
Generate professional font and color themes for artifacts and web UIs with cohesive, ready-to-use design tokens.
Webapp Testing
Test web applications end to end via Playwright automation, driving real browser flows to verify behavior.
API and Interface Design
Contract-first API and boundary design with input validation and clear interface contracts.
Browser Testing with DevTools
Use Chrome DevTools for live runtime inspection — network, console, performance, and DOM debugging during testing.
CI/CD and Automation
Build Shift-Left CI/CD pipelines with quality gates and automated checks for reliable delivery.
Code Review and Quality
Perform a five-axis code review with severity labels covering correctness, design, and maintainability.
Code Simplification
Reduce complexity while preserving behavior — remove dead code, flatten logic, and improve readability.
Debugging and Error Recovery
A five-step triage workflow for diagnosing failures and applying safe fallbacks and recovery paths.
Documentation and ADRs
Write clear technical documentation and Architecture Decision Records to capture decisions and API details.
Frontend UI Engineering
Build production-quality, accessible, responsive UIs — component architecture, design systems, state, and WCAG compliance.
Git Workflow and Versioning
Apply trunk-based development, atomic commits, and disciplined versioning for clean history.
Observability and Instrumentation
Add structured logging and OpenTelemetry tracing to make systems observable in production.
Planning and Task Breakdown
Decompose specs into small, verifiable tasks with explicit acceptance criteria.
Security and Hardening
Prevent OWASP-class vulnerabilities and audit dependencies to harden applications against attack.
Spec-Driven Development
Write PRDs covering objectives, structure, and boundaries before writing any code.
Test-Driven Development
Red-Green-Refactor workflow with test-pyramid discipline for building features test-first.
Content Research Writer
Produce high-quality long-form writing backed by research and proper citations.
CSV Data Summarizer
Automatically analyze and summarize CSV files — stats, distributions, and key insights at a glance.
Jira Automation
Manage Jira issues, boards, and sprints — create, update, and query work items programmatically.
Lead Research Assistant
Identify and qualify sales leads with automated research, enrichment, and prioritization.
Meeting Insights Analyzer
Analyze meeting transcripts for behavioral patterns, decisions, action items, and communication insights.
Notion Automation
Automate Notion pages, databases, and blocks — create, update, and search structured workspace content.
Postgres
Execute read-only SQL queries against PostgreSQL safely for analytics and data exploration.
Recursive Research
Conduct multi-level research across domains, drilling recursively into subtopics for deep synthesis.
Cloudflare Skills
Official Cloudflare skills for Workers, Pages, Durable Objects, email services, and performance auditing.
Netlify Skills
Official Netlify skills for serverless functions, edge functions, database management, and deployment.
Sentry Skills
Official Sentry skills for SDK setup across 25+ platforms with error tracking and monitoring.
Trail of Bits Security Skills
Vulnerability scanning, contract auditing, CodeQL/Semgrep analysis, and property-based testing from Trail of Bits.
ffuf Web Fuzzing
Guided web fuzzing and content discovery with ffuf, including authenticated testing support.
12 Principles of Animation
Audit animation code against Disney's 12 principles adapted for the web, outputting file:line findings.
Animation on Scroll
Create scroll-reveal triggers using IntersectionObserver with Tailwind-friendly animation classes and keyframes.
Animation Vocabulary
Reverse-lookup glossary that turns a vague description of a motion effect into its exact term for prompting AI or designers.
Fixing Accessibility
Audit and fix HTML accessibility — ARIA labels, keyboard navigation, focus management, color contrast, and form errors.
Fixing Motion Performance
Audit and fix janky animations — layout thrashing, non-compositor properties, scroll-linked motion, and expensive blur.
GSAP ScrollTrigger Storytelling
Build cinematic sticky product storytelling with GSAP ScrollTrigger, progressive UI reveals, and scroll-synced animation.
Improve Animations
Survey a codebase's motion as a senior advisor and produce a prioritized audit plus implementation plans — read-only planning.
Marquee Loop
Apply seamless, infinite marquee loops using duplicated items for smooth continuous scrolling rows.
Masked Reveal
Create masked, staggered word-by-word text reveals on scroll using GSAP ScrollTrigger for headings and hero copy.
Matter.js
Implement 2D physics interactions with Matter.js — engine/world setup, bodies, constraints, and scroll-friendly canvas scenes.
Playwright CLI
Automate browser interactions, test web pages, and work with Playwright end-to-end tests.
pnpm
Manage dependencies and workspaces with pnpm — catalogs, patches, overrides, and the global virtual store.
Progressive Blur
Create layered CSS progressive (gradient) blur using stacked backdrop-filter masks for depth and softness at a viewport edge.
React Doctor
Scan, triage, and clean up React diagnostics — lint, accessibility, bundle size, and architecture — before committing.
Text to Lottie
Create, edit, and fix Lottie/Bodymovin JSON animations — loaders, icons, microinteractions, and SVG/logo/type animation.
Three.js Animation
Animate 3D scenes — keyframe and skeletal animation, morph targets, animation mixing, and procedural motion in Three.js.
Vitest
Write and run fast unit tests with Vitest — mocking, coverage, test filtering, and fixtures with a Jest-compatible API.
iOS Simulator Skill
Automate and test iOS apps in the iOS Simulator — launch, drive, and verify app behavior programmatically.
D3.js Visualizations
Build custom D3.js data visualizations — charts, graphs, and interactive visual analytics.