Learn

Agent Skills, explained and installed

Short, practical guides: what Skills are, where each agent looks for them, and which ones are worth installing for a given job.

Start here

What Agent Skills are, how they load, and how they differ from prompts and MCP.

  • Best Claude Skills for Web DesignSix web design Skills ranked by real install counts, what each is good at, what it won't do, and which one to start with for landing pages, portfolios and UI.
  • Claude Skill Not LoadingA skill that's installed but never triggers is almost always one of five problems. Diagnose folder depth, description match, scope, conflicts and YAML errors.
  • Claude Skills vs MCPSkills teach a workflow; MCP connects a system. A concrete comparison with examples, when to use each, when to use both, and how they load at runtime.
  • Claude Skills vs Plugins vs MCPPlugins are a delivery format, Skills are the instructions inside, MCP is the connection to tools. A clear map of the three, with a decision table.
  • A Gamma Alternative for People Who Want the FileGamma is a hosted deck app. Skills produce an editable file inside your own agent. An honest comparison of workflow, ownership, export and when each one wins.
  • How to Install Claude SkillsExact folders for Claude Code skills, project vs user scope, how to verify a skill loaded, and the four mistakes that make a skill silently do nothing.
  • SKILL.md FormatThe Agent Skills file format: required name and description fields, length limits, optional license and allowed-tools, plus a complete SKILL.md you can copy.
  • What Are Agent Skills?Agent Skills are folders of instructions an AI agent loads on demand. What's inside, how they differ from prompts and MCP, and why agents adopted one format.

Install per agent

The exact skills folder for each agent, and the Skills worth installing first.

  • Agent Skills for Claude CodeClaude Code reads Agent Skills from .claude/skills or ~/.claude/skills. Install one in 30 seconds, see six skills people use, and fix one that never triggers.
  • Agent Skills for CodexCodex loads skills from ~/.codex/skills or .codex/skills in a repo. Here is the exact folder layout, a 30-second install, and six skills that survive real work.
  • Agent Skills for CursorCursor reads skills from .cursor/skills, .agents/skills or their home-directory equivalents. Which folder wins, how to install, and what to build first.
  • Agent Skills for Gemini CLIGemini CLI reads skills from .gemini/skills or .agents/skills. Exact paths, install steps, and the skills that fit its long-context workflow.
  • Agent Skills for GitHub CopilotCopilot reads project skills from .github/skills, .claude/skills or .agents/skills, and personal ones from ~/.copilot/skills. Setup and first installs.
  • Agent Skills for WindsurfWindsurf loads skills from .devin/skills and still reads the legacy .windsurf folder. The precedence rule, the global path, and what to install first.

By task

Workflows with prompts you can paste: OG images, landing pages, decks, launch films.

  • Build a Product PageProduct page structure that survives real traffic: gallery, proof, objections, shipping. Prompts, six Skills, and the conversion checks that matter.
  • Build a Landing Page with Claude CodeTurn a product brief into a responsive landing page with real copy, a working CTA and no lorem ipsum. Three prompts and the checks that catch AI slop.
  • Build a Portfolio SiteA portfolio has one job: make a stranger believe you can do the work. Structure, the three projects to show, prompts and six Skills that ship a real site.
  • Illustrate an Article with AIOne illustration per idea, same palette, same line weight. How to brief a consistent set of article images, plus the Skills that hold style across images.
  • Design a Thumbnail or Article CoverA cover has one job: be legible at 300 px. Rules for contrast, text length and cropping, three prompts, and six Skills for editorial and video covers.
  • Make a Chart That Says One ThingPick the claim, then the chart type, then the labels. A short guide to readable charts with prompts, six Skills and a pre-publish checklist.
  • Turn a Dense Idea into One InfographicAn infographic is an argument in one frame. Pick the claim, choose the structure, cut the rest. Prompts, six Skills, and a readability checklist.
  • Make a Product Launch Video from a URLTurn a product URL into a 15–30 second launch film: script, storyboard, motion, captions. Six Skills and the checks before you post.
  • Create an OG Image with AIGenerate a 1200×630 OG image from a title and a screenshot. Three prompts that survive X, LinkedIn and Slack cropping, plus six Skills that render them.
  • Create a Pitch Deck with AIMost AI decks fail at the storyline, not the design. Build the argument first, then let a Skill render an editable deck you can still change in PowerPoint.
  • Design a Testimonial SectionQuotes alone don't persuade. Pair each one with a face, a role and a result. Six layout Skills, the copy rules, and how to avoid fake-looking proof.
  • UGC-Style Ads Without an ActorThere is no single UGC Skill. Build the ad from two parts: social proof that looks real, and motion that keeps it moving. Prompts and honesty rules.

By use case

Pick a job to be done and follow the asset checklist.

  • Agent Skills for EcommerceProduct pages, testimonial blocks, OG cards and short-form video for stores — with the objection-handling structure that actually moves conversion.
  • Agent Skills for TeachingTurn a dense topic into a deck, a diagram and a handout that students can actually use — with skills for visual notes, explainers and lecture decks.
  • Agent Skills for a Product LaunchEverything a launch needs — landing page, OG image, launch film, deck, press visuals — and the Skills that produce each one without a design team.
  • Agent Skills for Sales and FundraisingDecks that survive a partner meeting: one argument per slide, evidence on the page, and an appendix that answers the questions you'll get.
  • Agent Skills for Social MediaA repeatable system for social assets: one grid, one type scale, many posts. Skills for OG cards, covers, carousels and vertical video.
  • Agent Skills for Web DesignSkills for landing pages, portfolios and product pages that come out responsive, accessible and editable — not just pretty screenshots.