Skills index
Every skill, in alphabetical author order. Filter by discipline or search.
Addy Osmani
Writes about web performance and AI engineering.
- Browser testing with DevToolsagent-skillsUse when a browser bug needs real DOM, console and network data via DevTools.
- Code review and qualityagent-skillsUse when a change is about to enter the main branch unreviewed.
- Constraint-driven developmentagent-skillsUse when agents must not quietly lower a project's written quality bar.
- Core Web Vitalsweb-quality-skillsUse when LCP, INP or CLS scores need improving from field and lab data.
- Doubt-driven developmentagent-skillsUse when high-stakes decisions need a fresh-context adversarial review before they stand.
- Performanceweb-quality-skillsUse when pages load slowly and the site needs to feel faster.
- Security and hardeningagent-skillsUse when code handling untrusted input, sessions or logins needs hardening against vulnerabilities.
- Source-driven developmentagent-skillsUse when an approach should be grounded in official documentation, not remembered patterns.
- Web quality auditweb-quality-skillsUse when a site needs one audit across performance, accessibility, SEO and best practices.
Angie Jones
Teaches test automation, holds 25 patented inventions.
Anthony Fu
Created Vitest, Slidev, VueUse and UnoCSS.
Brad Frost
Wrote Atomic Design, teaches design systems.
- DS adoption planskillsUse when moving an existing product onto its design system needs a phased estimate.
- DS ASCIIskillsUse when sketching an ASCII wireframe built from real components in the design system.
- DS inspectionskillsUse when a design system needs a station-by-station audit and a prioritised work order.
- Product inspectionskillsUse when a shipping product, not its design system, needs a prioritised health check.
- Vibe killerskillsUse when a generated page carries bespoke CSS instead of the design system.
Chris Banes
Builds Android UI libraries, created Haze and Accompanist.
- Compose component designskillsUse when designing or reviewing the API of a reusable Jetpack Compose component.
- Compose performanceskillsUse when investigating Jetpack Compose recomposition cost, stability reports or unstable parameters.
- Compose state and effectsskillsUse when writing or reviewing Jetpack Compose state ownership, hoisting or effects.
- Implement with subagentsskillsUse when a queue of tickets is being implemented by separate subagents.
- Kotlin API designskillsUse when deciding whether Kotlin code is a member, extension, factory or value class.
- Kotlin concurrency and flowskillsUse when writing or reviewing Kotlin coroutine scopes, cancellation, StateFlow or SharedFlow.
- Release Kotlin libraryskillsUse when publishing a new Kotlin library version with gradle-maven-publish-plugin.
Corey Haines
Writes the Swipe Files SaaS marketing newsletter.
Marketing
- AdsmarketingskillsUse when deciding which paid channel to run and how to target it.
- AI SEOmarketingskillsUse when a site must be cited inside ChatGPT and AI search answers.
- AttributionmarketingskillsUse when two dashboards disagree about which channel drove the signups.
- Churn preventionmarketingskillsUse when subscribers keep cancelling and there is no save or dunning flow.
- Content strategymarketingskillsUse when deciding what content to produce and which topics to cover.
- Copy editingmarketingskillsUse when copy already exists and reads badly rather than needing rewriting.
- Customer researchmarketingskillsUse when customer evidence must come from transcripts, reviews and forums rather than calls.
- Directory submissionsmarketingskillsUse when submitting a product to startup, SaaS, AI or MCP directories for backlinks.
- Marketing councilmarketingskillsUse when one marketing decision needs several expert views before it is made.
- Marketing loopsmarketingskillsUse when a marketing task should run weekly on its own rather than once.
- Marketing planmarketingskillsUse when a whole marketing plan must be written for the next twelve months.
- SEO auditmarketingskillsUse when rankings or traffic dropped and nobody knows which part broke.
Daniel Howells
Founded and still runs Siteinspire.
Engineering
Dex Horthy
Wrote 12-Factor Agents, builds HumanLayer.
Emil Kowalski
Created Sonner and the animations.dev course.
- AnimateskillsUse when something needs to animate and no motion exists for it yet.
- Animate ExposkillsUse when animating screens, gestures or sheets in an Expo or React Native app.
- Animation vocabularyskillsUse when a motion effect can be described but its name is not known.
- Apple designskillsUse when web UI should follow Apple's approach to gestures, springs and physical motion.
- Design EngineeringskillsUse when UI polish, component design or animation calls should follow Emil Kowalski's approach.
- Improve animationsskillsUse when a whole codebase's motion needs a prioritised plan rather than a review.
- Pick UI libraryskillsUse when a frontend task needs one library chosen from a curated shortlist.
- PrototypeskillsUse when trying genuinely different builds of one UI piece behind a live picker.
- Review animationsskillsUse when finished motion needs judging against a craft bar before it ships.
Jakub Antalik
Collects CSS transitions and UI motion patterns.
Jakub Krehel
Publishes interfaces.dev, a design engineering magazine.
- Better accessibilityskillsUse when a project needs checking against accessibility standards and best practices.
- Better colorsskillsUse when building a colour system, palettes or semantic colour tokens.
- Better interfaceskillsUse when one review should cover accessibility, layout, writing, type, colour and polish.
- Better layoutskillsUse when a layout's grouping, alignment and reading order need working out.
- Better typographyskillsUse when type scale, spacing, wrapping or OpenType features need working out.
- Better UIskillsUse when UI details like border radius, alignment, depth and hit areas need polish.
- Better writingskillsUse when a product's interface copy needs improving.
- BreakskillsUse when a component needs rendering in every state to stress test it.
- Explain interfaceskillsUse when working out how something on the web was built.
- Interface reviewskillsUse when existing work needs a detailed findings report across UI, type and layout.
- VariantskillsUse when one component needs several versions to compare before picking one.
Jason Cohen
Founded WP Engine, writes long-form on startups.
Product
- Goal Questionsasb-skillsUse when customer calls are booked and nobody has agreed what to learn.
- Hypothesesasb-skillsUse when the learning goals exist and current beliefs need writing as testable claims.
- Learningasb-skillsUse when interview notes have piled up and the hypotheses need updating against them.
- Interview Questionsasb-skillsUse when a question must be phrased so it does not lead the customer.
- Interview Reportasb-skillsUse when a round of interviews is finished and the company needs the findings.
- Problem Scoreasb-skillsUse when judging whether a business idea has a market worth building for.
Marketing
- Define Carolasb-skillsUse when the ideal-customer working files must become one definition the team can use.
- Inciting Eventsasb-skillsUse when the fit is right but nothing is making anyone buy today.
- Keystonesasb-skillsUse when a strength list needs cutting to the few that drive a purchase.
- Observationsasb-skillsUse when nobody has written down plainly what this company and product actually are.
- Strengths & Weaknessesasb-skillsUse when raw observations exist and the real strengths and weaknesses must be named.
- The Needs Stackasb-skillsUse when mapping the customer needs above and below the one a product satisfies.
- Positioningasb-skillsUse when a claim states a saving and should state the value created.
- Votersasb-skillsUse when naming the one or two extreme traits a company wins on.
Jesse Vincent
Created Superpowers, an agentic development methodology.
- Finishing a development branchsuperpowersUse when a branch is done, tests pass, and it must be integrated.
- Receiving code reviewsuperpowersUse when review feedback arrives and needs verifying before any suggestion is implemented.
- Subagent-driven developmentsuperpowersUse when a plan's independent tasks should run through subagents in this session.
- Systematic debuggingsuperpowersUse when a bug or failing test needs investigating before any fix is proposed.
- Test-driven developmentsuperpowersUse when about to write implementation code for a feature or fix.
- Using git worktreessuperpowersUse when feature work needs a workspace isolated from the current one.
- Verification before completionsuperpowersUse when about to claim work is done, fixed or passing.
- Writing planssuperpowersUse when a spec exists and the work needs a plan before any code.
- Writing skillssuperpowersUse when creating, editing or testing a skill before it is deployed.
Johannes Mutter
Designs user interfaces and corporate identities.
Julien Thibeaut
Made motion-primitives and prompt-kit, runs Interface Office.
Design
- Baseline UIui-skillsUse when UI code needs a fast cleanup of spacing, hierarchy and typography.
- Create DESIGN.mdui-skillsUse when a product's design language needs documenting as a DESIGN.md for agents.
- Fixing accessibilityui-skillsUse when adding forms, dialogs or controls, or checking a page against WCAG.
- Fixing motion performanceui-skillsUse when a transition drops frames and the cause is layout or compositing.
- Improve UIui-skillsUse when refining an interface means written plans for another agent, not direct edits.
Karl Koch
Built Kernel UI, writes about design engineering.
- AI output judgementskillsUse when generated UI, copy or code needs a quality critique.
- Android native UIskillsUse when building or reviewing Android interfaces in Compose or Views.
- Apple native UIskillsUse when building or reviewing native Apple interfaces, including macOS window behaviour.
- dxeskillsUse when a repository or UI surface needs a design engineering review.
- Fluid designskillsUse when springs, gestures or interruptible motion need physical continuity under direct manipulation.
- Humane functionalismskillsUse when a screen or flow needs a Danish functionalist design pass.
- Modern CSS & HTMLskillsUse when a legacy CSS or HTML workaround may have a native replacement.
Lachlan Donald
Co-founded Buildkite and 99designs.
- Adversarial code reviewingagent-skillsUse when the call is ship or do not ship, and confidence feels untested.
- Babysitting PRsagent-skillsUse when a pull request is stuck on CI, rebases or review feedback.
- Check docs updatedagent-skillsUse when code changed and the docs, runbooks or changelog may now be stale.
- Drafting plansagent-skillsUse when an architecture or rollout decision needs a short written plan that lasts.
- Go CLI writingagent-skillsUse when building or refactoring a Go command-line tool's flags, subcommands or config.
- Go writingagent-skillsUse when writing, reviewing or refactoring Go packages, tests or benchmarks.
- High performance Zigagent-skillsUse when Zig code is latency, memory or layout sensitive and must be measured.
- Simplicity reviewagent-skillsUse when a change looks over-engineered and the code may not need to exist.
- Writing PR descriptionsagent-skillsUse when a pull request needs a title and body that match its diff.
- Writing testsagent-skillsUse when deciding whether to add tests or changing mocks, snapshots or assertions.
Maja Voje
Wrote the Go-To-Market Strategist book.
- Building communication enginegtm-strategist-skillsUse when a first launch needs channels, a newsletter and a budget chosen.
- Building GTM systemgtm-strategist-skillsUse when the launch is over and growth needs repeatable systems and a CRM.
- Collecting intelligencegtm-strategist-skillsUse when researching competitors or planning customer discovery interviews for a go-to-market plan.
- Crafting positioninggtm-strategist-skillsUse when positioning a product, defining its UVP and writing first messaging.
- Executing launchgtm-strategist-skillsUse when launch day is close and the emails and war room are unplanned.
- GTM foundationsgtm-strategist-skillsUse when setting up go-to-market foundations: SWOT, value proposition, analytics, 90-day plan.
- Validating customersgtm-strategist-skillsUse when customer assumptions need testing with experiments before more is built.
Matt Pocock
Made Total TypeScript and AI Hero.
- Code reviewskillsUse when a branch must be checked against repo standards and the original spec.
- Codebase designskillsUse when deciding a module's interface or where a seam should go.
- Diagnosing bugsskillsUse when a hard bug or performance regression needs a diagnosis loop.
- Domain modelingskillsUse when a project's terminology, CONTEXT.md or ADRs need writing or sharpening.
- Improve codebase architectureskillsUse when scanning a codebase for deepening opportunities, then working through the one picked.
- PrototypeskillsUse when a state model or UI idea needs testing before real work starts.
- TDDskillsUse when building a feature or fixing a bug test first, red-green-refactor.
- To ticketsskillsUse when an agreed plan has to become ordered tickets in a tracker.
- TriageskillsUse when incoming issues and outside pull requests are piling up unsorted.
- WayfinderskillsUse when work too big for one agent session needs mapping as decision tickets.
- WizardskillsUse when only a human can do the steps and needs walking through them.
- Writing for agentsskillsUse when creating skills or editing AGENTS.md or CLAUDE.md files.
Matt Silverlock
Maintained the Gorilla web toolkit for Go.
- Code reviewerdotfilesUse when one specific diff must be read for defects, with no wider audit.
- Create READMEdotfilesUse when an open source project's README needs writing or rewriting.
- Prompt engineerdotfilesUse when a system prompt or tool description causes over-searching, format drift or conflicts.
- Web perfdotfilesUse when diagnosing slow loads or layout shift from browser traces and network evidence.
Matteo Collina
Created Fastify and Pino, chairs the Node.js TSC.
- Fastify best practicesskillsUse when building, configuring or debugging a Fastify server or REST API.
- InitskillsUse when a repository's AGENTS.md is missing, too long, generic or stale.
- Linting neostandard ESLint 9skillsUse when ESLint flat config or neostandard needs setting up or migrating.
- NodeskillsUse when building Node.js projects in TypeScript, including error handling, streams and testing.
- Node.js coreskillsUse when contributing to Node.js core or debugging native crashes, addons and libuv.
- OAuthskillsUse when securing Fastify routes with OAuth flows, tokens and PKCE.
Nader Dabit
Specialises in developer education and developer marketing.
Obie Fernandez
Wrote The Rails Way, founded Hashrocket.
- Better StimulusskillsUse when writing StimulusJS controllers that need to stay maintainable and reusable.
- MCP OAuth setupskillsUse when an admin UI must let users connect third-party MCP servers with credentials.
- Rails activity timelineskillsUse when a Rails model needs an activity timeline with live Turbo Stream updates.
- Rails Tiptap autosaveskillsUse when Rails models need Tiptap rich text editing with debounced autosave.
Peter Steinberger
Founded PSPDFKit, stewards OpenClaw.
- Native app performanceagent-scriptsUse when profiling a native app with xctrace and Time Profiler to find hotspots.
- Oracleagent-scriptsUse when bundled prompts and files need a second model's review.
- Project structureagent-scriptsUse when an agent needs one symbol map of a TypeScript or Swift repo.
- Skill cleaneragent-scriptsUse when Codex or OpenClaw skills need auditing for budget, usage and duplicates.
Raphael Salaja
Publishes userinterface.wiki.
- 12 principles of animationskillUse when motion is technically fine but reads as lifeless or mechanical.
- Mastering AnimatePresenceskillUse when reviewing exit animations or presence state in Motion code.
- Morphing iconsskillUse when icons should morph into one another through SVG line transformation.
- Pseudo-elementsskillUse when reviewing CSS pseudo-elements or View Transitions in hover effects and page changes.
- Sounds on the webskillUse when reviewing how a UI uses sound for feedback.
- To spring or not to springskillUse when choosing between a spring and an easing curve for one interaction.
Ryan Carson
Founded Treehouse, built and sold three companies.
Ryan Singer
Wrote Shape Up, teaches product shaping.
- Breadboard reflectionshaping-skillsUse when a breadboard has drifted from the implementation and shows design smells.
- Breadboardingshaping-skillsUse when a workflow needs mapping to screens and wiring before any design.
- Framing docshaping-skillsUse when call transcripts should become a framing document of the problem.
- Kickoff docshaping-skillsUse when a kickoff call transcript should become a reference document for the builder.
- Shapingshaping-skillsUse when shaping a solution with the user by iterating on requirements and shapes.
Sam Schillace
Co-founded Writely, which became Google Docs.
Sergio Xalambri
Maintains React Router and OAuth2 libraries.
- Frontend accessibility best practicesagent-skillsUse when building or reviewing React components, forms and controls for accessibility.
- Frontend async best practicesagent-skillsUse when async code has request waterfalls that could run in parallel.
- Frontend internationalization best practicesagent-skillsUse when adding locales or language switching to a React Router app with remix-i18next.
- Frontend React best practicesagent-skillsUse when writing or reviewing React components for rendering and bundle performance.
- Frontend React Router best practicesagent-skillsUse when writing React Router loaders, actions, forms or routes.
- Frontend testing best practicesagent-skillsUse when writing frontend tests that favour end-to-end coverage over mocks.
- OWASP security checkagent-skillsUse when checking a web app or REST API against the OWASP Top 10.
shadcn
Created shadcn/ui and shadcn/registry.
Shawn Wang
Writes and hosts Latent Space.
- AI engineeringskillsUse when a multi-request AI workflow fails on retries, rate limits or malformed output.
- Align meskillsUse when preferences and ambiguity need settling before a long autonomous run.
- Claude session introspectskillsUse when token counts or compaction details are needed from a Claude Code session.
- Cloudflare production builderskillsUse when designing, migrating or deploying a production system on Cloudflare Workers.
- Data chatbotsskillsUse when building a copilot that proposes data changes for a human to approve.
- Long-Running Operation UXskillsUse when a slow async action needs visible progress, cancellation or result handoff.
- Resilient computer useskillsUse when a multi-step desktop or browser task runs through Computer Use.
- Skill cutterskillsUse when an existing SKILL.md needs trimming to its core or triggering less often.
- Slackbot builderskillsUse when designing or hardening a Slack bot's event handling and interaction architecture.
Simon Willison
Created Datasette and the llm tool.
Stanislas Polu
Co-founded Dust, works on agent code contracts.
Vladimir Dementyev
Wrote Layered Design for Ruby on Rails.
Yusuke Wada
Created the Hono web framework.