Skip to content

Essential Claude Code skills

A Skill is a reusable pack of instructions that teaches Claude Code to do one thing well. You install it once and call it whenever you need it. Most people never go beyond the defaults, which is a shame, because the right Skills are where the real leverage is. Here are the ones worth installing first.

How to install a skill

Each Skill below comes with a one-line command. Copy it, paste it into your terminal, and press enter. It clones the Skill into your ~/.claude/skills folder, where Claude Code finds it automatically. Then type the command, like /brainstorming, to use it.

Four of these, create-website, frontend-design, audit-site and seo, live in one repo. To grab all four at once: git clone https://github.com/Keith-cclarity/keith-website-skills.git && cd keith-website-skills && ./install.sh

/brainstorming

Brainstorming

Most people use AI to confirm what they already think. This forces the opposite. It runs your idea through seven reasoning modes, first principles, contrarian, expert panel, and more, then ties it together into prioritised recommendations. Use it before you commit to a plan.

Based on a seven-prompt method by Amanda Caswell (Tom’s Guide).

Install git clone https://github.com/Keith-cclarity/brainstorming-skill.git ~/.claude/skills/brainstorming
/presentation-slides

Presentation Slides

Turns a topic or a rough outline into a full-screen, interactive HTML deck with zero dependencies. Keyboard and touch navigation, animated reveals, six style presets. Faster than fighting with slide software, and the output lives on the web.

Install git clone https://github.com/Keith-cclarity/presentation-slides-skill.git ~/.claude/skills/presentation-slides
/create-website

Create Website

The one to start with if you have never shipped a site. It walks you from an empty folder to a live website on a domain you own, Astro plus Cloudflare Pages plus automatic deploys, explaining each step in plain English. Built for people who have never opened a terminal.

Install git clone https://github.com/Keith-cclarity/keith-website-skills.git && cp -R keith-website-skills/create-website ~/.claude/skills/
/frontend-design

Frontend Design

Stops Claude from producing generic, templated pages. It runs a real design process, brand system, user journey, layout and motion, then pulls from a catalogue of production-grade components. The difference between a site that looks AI-made and one that looks designed.

Install git clone https://github.com/Keith-cclarity/keith-website-skills.git && cp -R keith-website-skills/frontend-design ~/.claude/skills/
/audit-site

Audit Site

Runs two passes over a site you have built, links and code quality, covering accessibility, responsiveness, image weight and semantic HTML. It only reports, never changes anything, so you get a clear punch list sorted by what to fix first. Run it before you ship.

Install git clone https://github.com/Keith-cclarity/keith-website-skills.git && cp -R keith-website-skills/audit-site ~/.claude/skills/

SEO

A deep SEO and AI-search pass. Twelve sub-commands across technical SEO, schema, content quality, sitemaps and Generative Engine Optimisation, the work of getting cited by ChatGPT and Perplexity, not just ranked on Google. It scores your site out of 100 and tells you what to fix.

Adapted from AgriciDaniel/claude-seo.

Install git clone https://github.com/Keith-cclarity/keith-website-skills.git && cp -R keith-website-skills/seo ~/.claude/skills/

These are the skills I actually use. Browse all of them, or learn to build your own in a hands-on workshop.