Claude Code skills
Production standards, installed once.
Seventy-five reusable skills for Claude Code, covering design direction, frontend engineering, animation, conversion, accessibility, performance, security and deployment. Buy a skill once and Claude applies it on every project you build with it.
One-time purchase per skill. No subscription. Independent store, not affiliated with Anthropic.
What changes
The difference the standards make.
An illustration built for this page, not a screenshot of a real project: the recognisable generic pattern a brief starts as on the left, a considered result for a fictional studio ("Northline Studio") on the right. Drag to compare.
A sample of the catalogue
Start here, then browse the rest.
Better value than buying loose
Four bundles, picked for a reason.
Animation Builder
The complete authored-motion stack, from a cinematic hero to the last hover state.
- Cinematic Animation System
- Advanced Visual Effects
- Loading Animations
- Hover & Focus States
- Scroll Progress
View bundle£30.95£25.99Save £4.96Conversion Builder
Guide the decision, then make the action itself trustworthy and recoverable.
- Conversion Optimisation
- Conversion Trust Architecture
- Form Success States
- Form Error States
- Confirmation Modals
View bundle£30.95£25.99Save £4.96Launch Builder
The final production gate, plus the last-mile signals that get checked right before go-live.
- Launch Readiness
- Security
- Cookie Consent
- Skip to Content
- Last Updated Date
View bundle£30.95£25.99Save £4.96Frontend Builder
The structural backbone of a real interface: navigation, hierarchy and content that don't break.
- Frontend Engineer
- React Engineering
- Responsive Mobile Navigation
- Breadcrumbs & Wayfinding
- Pagination & Infinite Loading
View bundle£30.95£25.99Save £4.96
Need the whole pipeline, not one gap? Full Access covers all 75 skills, 31% off.
Why skills, not prompts
A prompt is remembered once. A skill is applied every time.
Repeatedly prompting Claude
You explain your accessibility bar, your motion rules, your launch checklist: in every new conversation, worded slightly differently each time, forgotten the moment the context resets.
Installing a specialised skill
Claude reads the same written standard every time it does that kind of work, on this project and the next one: consistent, without you retyping it, and specific enough to actually hold a line.
A real build, skill by skill
Client brief to shipped site.
From PDF to working standard
How it works.
- 01
Choose your skills
Buy individual skills for a specific gap, or a curated bundle when a project needs a whole toolkit at once.
- 02
Add them to Claude Code
Save the manual to your personal skills folder for every project, or a project folder to scope it to one repository.
- 03
Claude uses them during development
Claude matches the skill to the task automatically, or you invoke it directly with its slash command mid-conversation.
- 04
Reuse them
A skill you buy once keeps working on every future project: it's a standard installed, not a one-off prompt written and lost.
Before you install anything