CLAUDE SKILLS DIRECTORY
Modular skill files that extend what Claude Code can do. Organized by role. Install in seconds.
Forces bold aesthetic direction before touching any code. Outputs production-grade UI with distinctive typography and layouts.
npx skills add anthropics/frontend-design Create, edit, and analyze Word documents with tracked changes, formatting preservation, and text extraction.
npx skills add anthropics/docx Extract text and tables from PDFs, merge/split documents, fill forms, and create new PDFs programmatically.
npx skills add anthropics/pdf Create, edit, and generate PowerPoint presentations with layouts, templates, charts, and automated slide generation.
npx skills add anthropics/pptx Lets Claude control any web interface through stable element refs. Supports clicks, fills, screenshots, and parallel sessions without a clean API.
npx skills add agent-browser Spins up isolated cloud sandboxes where Claude builds, hosts, and tests full-stack apps without touching local files or production.
npx skills add disler/agent-sandbox-skill Complete agentic software dev workflow: brainstorm → design spec → implementation plan → subagent execution → review → merge.
/plugin marketplace add obra/superpowers-marketplace Dynamically exposes all Google Workspace APIs as a unified CLI interface. One command gives Claude full Drive, Gmail, Calendar, Sheets access.
npm install -g @googleworkspace/cli Generates brand-consistent hero images, social graphics, and visual assets. Encodes design standards so outputs are production quality on first pass.
npx skills add anthropics/canvas-design Creates unique, art-directable generative visuals that stand apart from generic AI output. Supports SVG, canvas, and WebGL outputs.
npx skills add anthropics/algorithmic-art Generates accessible, WCAG-compliant color systems. Validates contrast ratios and outputs design tokens in CSS, Figma, and Tailwind formats.
npx skills add ui-design/color-palette Generates developer-ready handoff specs with component documentation, spacing tokens, and responsive breakpoint definitions.
npx skills add design-ops/handoff Reviews web interface code against the Vercel web interface guidelines (133k weekly installs). Reports violations in file:line format.
npx skills add vercel-labs/web-interface-guidelines Optimizes landing pages for conversions. Diagnoses CTA placement, copy clarity, trust signals, and form friction. Returns scored recommendations.
npx skillkit install coreyhaines31/marketingskills --skill page-cro Writes homepage copy, feature descriptions, and positioning statements for SaaS products. Follows jobs-to-be-done framework.
npx skillkit install coreyhaines31/marketingskills --skill copywriting Creates multi-email welcome and nurture sequences. Handles onboarding, re-engagement, and cancellation flows with personalization tokens.
npx skillkit install coreyhaines31/marketingskills --skill email-sequence Sets up GA4 tracking for signups, conversions, and user behavior. Outputs Google Tag Manager configs and event schemas.
npx skillkit install coreyhaines31/marketingskills --skill analytics-tracking Writes B2B cold emails and follow-up sequences that get replies. Uses proven frameworks: AIDA, PAS, and pattern interrupts.
npx skillkit install coreyhaines31/marketingskills --skill cold-outreach Generates and iterates Google Ads and Meta Ads creative — headlines, descriptions, primary text, and full ad sets at scale.
npx skillkit install coreyhaines31/marketingskills --skill ad-creative Encodes your writing voice — word choice, sentence structure, tone — so Claude matches your style consistently across every piece.
Build manually — create .agents/skills/voice.md with your voice documentation Downloads YouTube videos, audio, and transcripts in one request. Handles quality selection, format conversion, and subtitle extraction.
npx skills add youtube-transcript Generates brand-consistent hero image prompts for articles. Maintains visual identity across all content with art-directable character consistency.
Build manually — create .agents/skills/brand-images.md Audits pages for technical SEO issues: missing meta tags, poor heading hierarchy, slow images, and broken internal links. Returns prioritized fix list.
npx skills add seo-audit Optimizes content for AI answer engines (ChatGPT, Perplexity, Gemini). Structures content with clear Q&A blocks, entity markup, and snippet-friendly formatting.
npx skills add aeo-optimizer Generates JSON-LD schema markup for any page type: Article, Product, FAQ, HowTo, LocalBusiness. Validates against Google's guidelines.
npx skills add schema-markup SKILLS FAQ
What are Claude skills?
Claude skills are SKILL.md files — plain markdown instruction sets that teach Claude how to perform specific tasks repeatably. Install a skill once and Claude follows it in every session without re-prompting. They work in Claude Code, Cursor, and any agent that supports the skills spec.
How do I install Claude skills?
Most skills install via a single terminal command using npx: npx skills add [skill-name]. Official Anthropic skills are available at github.com/anthropics/claude-code-skills. Community skills install via the plugin marketplace inside Claude Code using /plugin marketplace add [repo].
What is the best Claude skill for developers?
The frontend-design skill (277,000+ installs) is the most widely used. It forces Claude to commit to a distinctive design direction before writing any code, resulting in production-quality UI on the first pass instead of generic AI output.
Are Claude skills free?
Yes — all official Anthropic skills and most community skills are open source and free to install. Some third-party skill marketplaces offer premium skill bundles, but the core skill ecosystem is free.
Can I build my own Claude skill?
Yes. A skill is just a markdown file saved to .agents/skills/ in your project. Write instructions for a specific task, save it as skillname.md, and Claude will use it automatically when the task matches. Anthropic's Skill-Creator skill can help you build and test new skills.