Digi Tools
Tools / SkillsLocal browser session
Skills library

The AI skill stack

12curated skills across design, engineering, and QA. Each is an instruction pack you install with the skills CLI — expand one to see what it's for, how to install it, and any modes or sub-skills it adds.

DesignVisual direction, interaction feel, and copy voice.
ImpeccablePrimary design and polish

Visual direction, landing pages, layout, spacing, typography, hierarchy, and anti-generic UI critique — making work feel designed rather than templated.

npx skills add pbakaus/impeccable
github.com/pbakaus/impeccable
Emil Design EngineeringInteraction feel

Micro-interactions, hover states, transitions, motion restraint, removing cheap AI-looking animation, and premium component feel.

npx skills add emilkowalski/skill
github.com/emilkowalski/skill
Avoid AI WritingVoice and copy — the only writing-layer skill

Removing AI-writing patterns from headlines, body copy, case studies, and service descriptions; auditing text without rewriting; targeted in-place edits; preserving a voice profile.

npx skills add conorbronsdon/avoid-ai-writing
  • rewriteFlag AI-writing patterns and rewrite them.
  • detectFlag only — no changes made.
  • editTargeted, in-place edits.
github.com/conorbronsdon/avoid-ai-writing
Taste SkillOptional — stronger stylistic variation

Stronger stylistic variation, redesigns of existing sites, image-to-code, and high-end direction. Install only when the project calls for it — it adds a second strong design opinion and is the most likely source of conflicts with Impeccable.

npx skills add Leonxlnx/taste-skill
  • design-taste-frontendFront-end stylistic direction.
  • image-to-codeTurn a reference image into code.
  • redesign-existing-projectsRedesign an existing site.
  • high-end-visual-designHigh-end visual direction.
github.com/Leonxlnx/taste-skill
EngineeringFramework correctness, component quality, and discipline.
next-best-practicesNext.js framework correctness

App Router structure, server/client boundaries, data loading, route handlers, metadata, image and font optimization, runtime selection, Suspense and loading states, hydration, and deployment correctness.

npx skills add vercel-labs/next-skills --skill next-best-practices
github.com/vercel-labs/next-skills
Vercel Agent SkillsReact and component quality

Semantic HTML, accessibility structure, component quality and composition, avoiding messy AI-generated code, and performance polish. This repo holds many skills — the stack installs only the three below by default (vercel-optimize is added later, just before deploy).

npx skills add vercel-labs/agent-skills --skill web-design-guidelines
Sub-skill — semantic HTML + design guidelines
npx skills add vercel-labs/agent-skills --skill react-best-practices
Sub-skill — React patterns
npx skills add vercel-labs/agent-skills --skill composition-patterns
Sub-skill — component composition
github.com/vercel-labs/agent-skills
Karpathy GuidelinesCoding discipline

Simpler solutions, surgical edits, avoiding overengineering, calling out assumptions, verifying success criteria, and preventing broad unrelated changes.

npx skills add forrestchang/andrej-karpathy-skills --skill karpathy-guidelines
github.com/forrestchang/andrej-karpathy-skills
Matt Pocock SkillsSelective — serious work only

Do not install the full set by default — pick the two below. grill-with-docs when architecture matters (challenging decisions, documenting tradeoffs, ADRs); tdd when logic must not regress (test-driven development, safer refactoring).

npx skills add mattpocock/skills --skill grill-with-docs
Sub-skill — challenge decisions, document tradeoffs
npx skills add mattpocock/skills --skill tdd
Sub-skill — test-driven, safer refactors
github.com/mattpocock/skills
QA / DeploymentAccessibility, browser testing, and ship-readiness.
AccessLintAccessibility audit

WCAG checks, colour contrast, keyboard navigation, focus states, and accessible forms and interactive elements. Run before shipping anything public or client-facing.

npx skills add accesslint/claude-marketplace
github.com/accesslint/claude-marketplace
webapp-testingBrowser QA

Screenshot testing, browser inspection, Playwright-style QA, checking rendered layouts, and catching broken states after implementation.

npx skills add anthropics/skills --skill webapp-testing
github.com/anthropics/skills
vercel-optimizePre-deployment only

Performance and deployment optimization. A sub-skill of the Vercel agent-skills repo — install it only when a deployment is imminent, not by default.

npx skills add vercel-labs/agent-skills --skill vercel-optimize
github.com/vercel-labs/agent-skills
OptionalPer-project add-ons, installed only when a project needs them.
GSAPMotion implementation

Serious motion: scroll-based animation, timelines, ScrollTrigger, cinematic landing pages, and hero sequences. A per-project dependency decision, not part of the default stack — motion must support meaning, hierarchy, or flow.

npx skills add greensock/gsap-skills
github.com/greensock/gsap-skills