Curated skills for AI agents · skilld

[Skip to main content](#main-content)

[skilld](https://skilld.dev/)

[Skills](https://skilld.dev/skills) [Collections](https://skilld.dev/collections)

[Sign in](https://skilld.dev/login)

# Give your agent an eye for the frontend.

Curated skills that give your agent craft: motion, interface feel, accessibility, and the framework idioms behind polished frontend work. Install once, every agent uses it.

[Browse skills](https://skilld.dev/skills) [Browse collections](https://skilld.dev/collections)

Already know what you want?

`npx skilld add gh:<repo>`

## Featured skill sets

[View all](https://skilld.dev/collections)

Opinionated sets from developers worth trusting. Some are full stacks; some are one strong skill that earns the spotlight.

- [<h3>Design Engineering Essentials</h3>](https://skilld.dev/@harlan-zw/design-engineering-essentials)

  6 skills

  Ten skills for the design engineer: motion, interface feel, accessibility, component systems, React quality, and the testing and tooling that ship them. Hand-picked from developers whose taste is worth borrowing.
  - [

    /emil-design-eng![emilkowalski](https://github.com/emilkowalski.png?size=32)

    emilkowalski/skills

    Emil Kowalski's design engineering skill: the invisible-details lens on motion, micro-interactions, and component polish that make an interface feel deliberate. /emil-design-eng by emilkowalski](https://skilld.dev/gh/emilkowalski/skills/emil-design-eng)
  - [

    /fixing-accessibility![ibelick](https://github.com/ibelick.png?size=32)

    ibelick/ui-skills

    Julien Thibeaut's concrete accessibility pass: keyboard, focus, ARIA, contrast, and form errors, fixed on real components. /fixing-accessibility by ibelick](https://skilld.dev/gh/ibelick/ui-skills/fixing-accessibility)
  - [

    /react-best-practices![vercel-labs](https://github.com/vercel-labs.png?size=32)

    vercel-labs/agent-skills

    Vercel's React best-practices skill, one of the most-installed on the leaderboard, the right default for modern React work. /react-best-practices by vercel-labs](https://skilld.dev/gh/vercel-labs/agent-skills/react-best-practices)
  - [

    /react-doctor![millionco](https://github.com/millionco.png?size=32)

    millionco/react-doctor

    Million's React Doctor diagnoses render cost, wasted re-renders, and the performance issues that quietly degrade a UI. /react-doctor by millionco](https://skilld.dev/gh/millionco/react-doctor/react-doctor)
  - [

    /vitest![antfu](https://github.com/antfu.png?size=32)

    antfu/skills

    Anthony Fu's Vitest skill: fast, idiomatic unit and component testing with the config and patterns he actually ships. /vitest by antfu](https://skilld.dev/gh/antfu/skills/vitest)
  - [

    /pnpm![antfu](https://github.com/antfu.png?size=32)

    antfu/skills

    Anthony Fu's pnpm skill for workspace, catalog, and dependency conventions that keep a monorepo coherent. /pnpm by antfu](https://skilld.dev/gh/antfu/skills/pnpm)
- [<h3>Frontend Design</h3>](https://skilld.dev/@harlan-zw/frontend-ui-stack)

  6 skills

  Concrete frontend UI polish: interface critique, baseline quality, responsive behavior, motion, accessibility fixes, and cleaner component work.
  - [

    /impeccable![pbakaus](https://github.com/pbakaus.png?size=32)

    pbakaus/impeccable

    Paul Bakaus's Impeccable gives agents stronger frontend judgment for critique, polish, accessibility, responsive behavior, motion, and design systems. /impeccable by pbakaus](https://skilld.dev/gh/pbakaus/impeccable/impeccable)
  - [

    /frontend-design![anthropics](https://github.com/anthropics.png?size=32)

    anthropics/skills

    Anthropic's official frontend-design skill (402K installs) is the broad baseline for distinctive, production-grade interfaces. /frontend-design by anthropics](https://skilld.dev/gh/anthropics/skills/frontend-design)
  - [

    /web-design-guidelines![vercel-labs](https://github.com/vercel-labs.png?size=32)

    vercel-labs/agent-skills

    Vercel's web-design-guidelines (314K installs) is a leaderboard-top quality bar for typography, spacing, and modern web interfaces. /web-design-guidelines by vercel-labs](https://skilld.dev/gh/vercel-labs/agent-skills/web-design-guidelines)
  - [

    /theme-factory![anthropics](https://github.com/anthropics.png?size=32)

    anthropics/skills

    theme-factory generates cohesive color and typography systems when an interface needs a real brand instead of default Tailwind. /theme-factory by anthropics](https://skilld.dev/gh/anthropics/skills/theme-factory)
  - [

    /react-view-transitions![vercel-labs](https://github.com/vercel-labs.png?size=32)

    vercel-labs/agent-skills

    View-transitions adds first-class browser transition patterns that lift the perceived quality of navigation and state changes. /react-view-transitions by vercel-labs](https://skilld.dev/gh/vercel-labs/agent-skills/react-view-transitions)
  - [

    /emil-design-eng![emilkowalski](https://github.com/emilkowalski.png?size=32)

    emilkowalski/skill

    Emil Kowalski's design engineering skill adds the invisible-details lens: micro-interactions, motion, and component polish that make software feel deliberate. /emil-design-eng by emilkowalski](https://skilld.dev/gh/emilkowalski/skill/emil-design-eng)
- [<h3>React stack</h3>](https://skilld.dev/@harlan-zw/react-stack)

  4 skills

  The most-installed React skills on skills.sh: production patterns from the Vercel team plus the canonical shadcn/ui component playbook.
  - [

    /react-best-practices![vercel-labs](https://github.com/vercel-labs.png?size=32)

    vercel-labs/agent-skills

    Vercel's React best-practices skill is the #3 most-installed skill on skills.sh (393K) - the right default for modern React work. /react-best-practices by vercel-labs](https://skilld.dev/gh/vercel-labs/agent-skills/react-best-practices)
  - [

    /react-native-skills![vercel-labs](https://github.com/vercel-labs.png?size=32)

    vercel-labs/agent-skills

    Vercel's React Native pack (115K installs) extends the same React judgment to mobile when the stack reaches beyond the browser. /react-native-skills by vercel-labs](https://skilld.dev/gh/vercel-labs/agent-skills/react-native-skills)
  - [

    /react-component-performance![dimillian](https://github.com/dimillian.png?size=32)

    dimillian/skills

    React component performance focuses on render cost, memoization, and the invisible re-renders that quietly tank a UI. /react-component-performance by dimillian](https://skilld.dev/gh/dimillian/skills/react-component-performance)
  - [

    /react-best-practices![vercel-labs](https://github.com/vercel-labs.png?size=32)

    vercel-labs/vercel-plugin

    The plugin-style React best-practices pack is the right companion when deployment runs through Vercel's platform. /react-best-practices by vercel-labs](https://skilld.dev/gh/vercel-labs/vercel-plugin/react-best-practices)
- [<h3>Architecture stack</h3>](https://skilld.dev/@harlan-zw/typescript-engineering-stack)

  6 skills

  Planning, architecture, testing strategy, and codebase diagnosis skills for agents making structural changes.
  - [

    /improve-codebase-architecture![mattpocock](https://github.com/mattpocock.png?size=32)

    mattpocock/skills

    Matt Pocock's architecture skill is the strongest fit for structural decisions, refactoring opportunities, testability, and AI-navigable TypeScript codebases. /improve-codebase-architecture by mattpocock](https://skilld.dev/gh/mattpocock/skills/improve-codebase-architecture)
  - [

    /test-driven-development![obra](https://github.com/obra.png?size=32)

    obra/superpowers

    obra/superpowers TDD skill (80K installs) keeps architecture work grounded in red-green-refactor and regression coverage. /test-driven-development by obra](https://skilld.dev/gh/obra/superpowers/test-driven-development)
  - [

    /systematic-debugging![obra](https://github.com/obra.png?size=32)

    obra/superpowers

    Systematic debugging (93K installs) gives agents a disciplined diagnosis loop when structural changes surface latent bugs. /systematic-debugging by obra](https://skilld.dev/gh/obra/superpowers/systematic-debugging)
  - [

    /domain-modeling![mattpocock](https://github.com/mattpocock.png?size=32)

    mattpocock/skills

    Domain modeling is the missing first step before refactors - it makes the boundaries explicit before the code moves. /domain-modeling by mattpocock](https://skilld.dev/gh/mattpocock/skills/domain-modeling)
  - [

    /ubiquitous-language![mattpocock](https://github.com/mattpocock.png?size=32)

    mattpocock/skills

    Ubiquitous-language keeps types, names, and docs aligned with the domain so the code stays readable as it grows. /ubiquitous-language by mattpocock](https://skilld.dev/gh/mattpocock/skills/ubiquitous-language)
  - [

    /writing-plans![obra](https://github.com/obra.png?size=32)

    obra/superpowers

    Writing-plans turns vague architecture work into a sequenced plan an agent can execute and verify. /writing-plans by obra](https://skilld.dev/gh/obra/superpowers/writing-plans)
- [<h3>Performance stack</h3>](https://skilld.dev/@harlan-zw/web-quality-stack)

  7 skills

  Skills from Addy Osmani and frontend specialists for performance audits, Core Web Vitals, motion smoothness, accessibility, SEO, and modern web quality before you ship.
  - [

    /web-quality-audit![addyosmani](https://github.com/addyosmani.png?size=32)

    addyosmani/web-quality-skills

    Addy Osmani's web-quality-audit is the right umbrella skill for Lighthouse-style performance, accessibility, SEO, and best-practice review. /web-quality-audit by addyosmani](https://skilld.dev/gh/addyosmani/web-quality-skills/web-quality-audit)
  - [

    /core-web-vitals![addyosmani](https://github.com/addyosmani.png?size=32)

    addyosmani/web-quality-skills

    Core Web Vitals is the focused performance skill for LCP, INP, CLS, layout shifts, and page experience work. /core-web-vitals by addyosmani](https://skilld.dev/gh/addyosmani/web-quality-skills/core-web-vitals)
  - [

    /performance![addyosmani](https://github.com/addyosmani.png?size=32)

    addyosmani/web-quality-skills

    Performance covers JS, network, and rendering optimization for real-world pages. /performance by addyosmani](https://skilld.dev/gh/addyosmani/web-quality-skills/performance)
  - [

    /accessibility![addyosmani](https://github.com/addyosmani.png?size=32)

    addyosmani/web-quality-skills

    Accessibility gives the stack a dedicated WCAG and assistive-tech pass alongside the broader audit. /accessibility by addyosmani](https://skilld.dev/gh/addyosmani/web-quality-skills/accessibility)
  - [

    /seo![addyosmani](https://github.com/addyosmani.png?size=32)

    addyosmani/web-quality-skills

    SEO closes the discoverability gap that Lighthouse partly catches but undercounts in practice. /seo by addyosmani](https://skilld.dev/gh/addyosmani/web-quality-skills/seo)
  - [

    /best-practices![addyosmani](https://github.com/addyosmani.png?size=32)

    addyosmani/web-quality-skills

    Best Practices covers security, browser compatibility, and modern web quality checks that sit beside raw performance. /best-practices by addyosmani](https://skilld.dev/gh/addyosmani/web-quality-skills/best-practices)
  - [

    /modern-web-guidance![GoogleChrome](https://github.com/GoogleChrome.png?size=32)

    GoogleChrome/modern-web-guidance

    Modern Web Guidance is Chrome's expert-vetted skill for building accessible, performant, and secure web UIs with AI agents. /modern-web-guidance by GoogleChrome](https://skilld.dev/gh/GoogleChrome/modern-web-guidance/modern-web-guidance)
- [<h3>Frontend UX stack</h3>](https://skilld.dev/@harlan-zw/frontend-ux-stack)

  6 skills

  User-facing quality for shipped frontend work: speed, Core Web Vitals, accessibility, clarity, browser checks, and product-minded cleanup.
  - [

    /impeccable![pbakaus](https://github.com/pbakaus.png?size=32)

    pbakaus/impeccable

    Impeccable anchors UX in human-facing clarity, visual hierarchy, layout, flow, polish, responsive behavior, and whether the interface feels good to use. /impeccable by pbakaus](https://skilld.dev/gh/pbakaus/impeccable/impeccable)
  - [

    /fixing-accessibility![ibelick](https://github.com/ibelick.png?size=32)

    ibelick/ui-skills

    Fixing Accessibility gives the stack concrete WCAG, keyboard, focus, ARIA, contrast, and form-error coverage. /fixing-accessibility by ibelick](https://skilld.dev/gh/ibelick/ui-skills/fixing-accessibility)
  - [

    /rams![brianlovin](https://github.com/brianlovin.png?size=32)

    brianlovin/claude-config

    Brian Lovin's Rams skill adds pragmatic accessibility and visual design review on real components. /rams by brianlovin](https://skilld.dev/gh/brianlovin/claude-config/rams)
  - [

    /fixing-motion-performance![ibelick](https://github.com/ibelick.png?size=32)

    ibelick/ui-skills

    Fixing-motion-performance catches the janky transitions and animations that make even a good design feel cheap. /fixing-motion-performance by ibelick](https://skilld.dev/gh/ibelick/ui-skills/fixing-motion-performance)
  - [

    /baseline-ui![ibelick](https://github.com/ibelick.png?size=32)

    ibelick/ui-skills

    Baseline-ui pins down the minimum-viable visual quality bar so the rest of the polish is additive, not corrective. /baseline-ui by ibelick](https://skilld.dev/gh/ibelick/ui-skills/baseline-ui)
  - [

    /fixing-metadata![ibelick](https://github.com/ibelick.png?size=32)

    ibelick/ui-skills

    Fixing-metadata covers the social-share, favicon, and document-level details that quietly shape first impressions. /fixing-metadata by ibelick](https://skilld.dev/gh/ibelick/ui-skills/fixing-metadata)
- [<h3>Vue and Nuxt stack</h3>](https://skilld.dev/@harlan-zw/vue-nuxt-stack)

  6 skills

  A coherent Vue and Nuxt agent setup from framework people and ecosystem specialists.
  - [

    /vue-best-practices![antfu](https://github.com/antfu.png?size=32)

    antfu/skills

    Anthony Fu's Vue best-practices skill is the right default for Vue 3, script setup, TypeScript, SSR, Volar, and vue-tsc work. /vue-best-practices by antfu](https://skilld.dev/gh/antfu/skills/vue-best-practices)
  - [

    /nuxt![onmax](https://github.com/onmax.png?size=32)

    onmax/nuxt-skills

    Max's Nuxt skill adds Nuxt 4 server routes, file routing, middleware, composables, h3, Nitro, and current framework conventions. /nuxt by onmax](https://skilld.dev/gh/onmax/nuxt-skills/nuxt)
  - [

    /vue-testing-best-practices![hyf0](https://github.com/hyf0.png?size=32)

    hyf0/vue-skills

    Yunfei He's Vue testing skill rounds out the stack with Vitest, Vue Test Utils, component testing, mocking, and E2E patterns. /vue-testing-best-practices by hyf0](https://skilld.dev/gh/hyf0/vue-skills/vue-testing-best-practices)
  - [

    /vue![antfu](https://github.com/antfu.png?size=32)

    antfu/skills

    antfu/vue covers core composition, reactivity, and patterns that the best-practices skill assumes as background. /vue by antfu](https://skilld.dev/gh/antfu/skills/vue)
  - [

    /nuxt-ui![onmax](https://github.com/onmax.png?size=32)

    onmax/nuxt-skills

    nuxt-ui is the canonical component layer for Nuxt apps that need a real design system out of the box. /nuxt-ui by onmax](https://skilld.dev/gh/onmax/nuxt-skills/nuxt-ui)
  - [

    /nuxt-content![onmax](https://github.com/onmax.png?size=32)

    onmax/nuxt-skills

    nuxt-content covers markdown-first, file-based content - the standard answer when a Nuxt app also needs docs or a blog. /nuxt-content by onmax](https://skilld.dev/gh/onmax/nuxt-skills/nuxt-content)
- [<h3>Backend and data stack</h3>](https://skilld.dev/@harlan-zw/backend-data-stack)

  6 skills

  High-install backend skills for agents wiring up databases, auth, and realtime: Supabase Postgres, Firebase, Convex, and Better Auth.
  - [

    /supabase-postgres-best-practices![supabase](https://github.com/supabase.png?size=32)

    supabase/agent-skills

    Supabase's Postgres best-practices skill (161K installs) is the leaderboard-top pick for schema, RLS, migrations, and SQL patterns that hold up in production. /supabase-postgres-best-practices by supabase](https://skilld.dev/gh/supabase/agent-skills/supabase-postgres-best-practices)
  - [

    /firebase-basics![firebase](https://github.com/firebase.png?size=32)

    firebase/skills

    Firebase Basics is the official entry point for agents wiring up Firestore, auth, and hosting. /firebase-basics by firebase](https://skilld.dev/gh/firebase/skills/firebase-basics)
  - [

    /convex-quickstart![get-convex](https://github.com/get-convex.png?size=32)

    get-convex/agent-skills

    Convex Quickstart is the canonical fast path for an agent dropping a typed, reactive backend into a project. /convex-quickstart by get-convex](https://skilld.dev/gh/get-convex/agent-skills/convex-quickstart)
  - [

    /best-practices![better-auth](https://github.com/better-auth.png?size=32)

    better-auth/skills

    Better Auth's best-practices skill is the right reference when agents are wiring up sessions, OAuth, and modern auth flows. /best-practices by better-auth](https://skilld.dev/gh/better-auth/skills/best-practices)
  - [

    /firebase-auth-basics![firebase](https://github.com/firebase.png?size=32)

    firebase/skills

    firebase-auth-basics is the focused companion when the agent only needs Firebase for identity, not the whole stack. /firebase-auth-basics by firebase](https://skilld.dev/gh/firebase/skills/firebase-auth-basics)
  - [

    /supabase![supabase](https://github.com/supabase.png?size=32)

    supabase/agent-skills

    The broader Supabase skill covers the client SDK, edge functions, and the parts that sit above raw Postgres. /supabase by supabase](https://skilld.dev/gh/supabase/agent-skills/supabase)
- [<h3>Agent workflow stack</h3>](https://skilld.dev/@harlan-zw/agent-workflow-stack)

  6 skills

  Skills for running an agent like an engineering workflow: careful changes, parallel review, systematic debugging, and shipping.
  - [

    /subagent-driven-development![obra](https://github.com/obra.png?size=32)

    obra/superpowers

    obra/superpowers subagent-driven-development (69K installs) is the canonical loop for delegating discrete work to focused subagents. /subagent-driven-development by obra](https://skilld.dev/gh/obra/superpowers/subagent-driven-development)
  - [

    /dispatching-parallel-agents![obra](https://github.com/obra.png?size=32)

    obra/superpowers

    Dispatching parallel agents (62K installs) covers running multiple read-only investigators in parallel before changing code. /dispatching-parallel-agents by obra](https://skilld.dev/gh/obra/superpowers/dispatching-parallel-agents)
  - [

    /verification-before-completion![obra](https://github.com/obra.png?size=32)

    obra/superpowers

    Verification-before-completion forces the agent to prove the work landed before declaring done - the single best guard against overclaiming. /verification-before-completion by obra](https://skilld.dev/gh/obra/superpowers/verification-before-completion)
  - [

    /workflow![brianlovin](https://github.com/brianlovin.png?size=32)

    brianlovin/claude-config

    Brian Lovin's workflow skill ties the loop together with a practical planning, execution, and cleanup pattern. /workflow by brianlovin](https://skilld.dev/gh/brianlovin/claude-config/workflow)
  - [

    /using-superpowers![obra](https://github.com/obra.png?size=32)

    obra/superpowers

    using-superpowers is the meta-skill that orchestrates the rest of the obra workflow set into one coherent loop. /using-superpowers by obra](https://skilld.dev/gh/obra/superpowers/using-superpowers)
  - [

    /executing-plans![obra](https://github.com/obra.png?size=32)

    obra/superpowers

    executing-plans pairs with writing-plans so the agent actually moves through the steps instead of redesigning mid-flight. /executing-plans by obra](https://skilld.dev/gh/obra/superpowers/executing-plans)
- [<h3>Agent building stack</h3>](https://skilld.dev/@harlan-zw/agent-building-stack)

  5 skills

  Build your own agent capabilities: discovering skills, creating skills, wiring up MCP, and delegating work to subagents.
  - [

    /skill-creator![anthropics](https://github.com/anthropics.png?size=32)

    anthropics/skills

    Anthropic's skill-creator (202K installs) is the canonical skill for authoring new SKILL.md files that actually load and work. /skill-creator by anthropics](https://skilld.dev/gh/anthropics/skills/skill-creator)
  - [

    /mcp-builder![anthropics](https://github.com/anthropics.png?size=32)

    anthropics/skills

    mcp-builder (53K installs) gives agents the patterns for designing and wiring up a Model Context Protocol server. /mcp-builder by anthropics](https://skilld.dev/gh/anthropics/skills/mcp-builder)
  - [

    /writing-skills![obra](https://github.com/obra.png?size=32)

    obra/superpowers

    obra/superpowers writing-skills covers the day-to-day craft of capturing reusable expertise as a SKILL.md. /writing-skills by obra](https://skilld.dev/gh/obra/superpowers/writing-skills)
  - [

    /template![anthropics](https://github.com/anthropics.png?size=32)

    anthropics/skills

    template-skill is the official scaffolding starting point - the fastest way to a SKILL.md that loads correctly on first try. /template by anthropics](https://skilld.dev/gh/anthropics/skills/template)
  - [

    /using-superpowers![obra](https://github.com/obra.png?size=32)

    obra/superpowers

    using-superpowers shows how the authored skills actually get composed at runtime, which closes the build/use loop. /using-superpowers by obra](https://skilld.dev/gh/obra/superpowers/using-superpowers)

## What are you trying to do?

Six things JS developers are tuning their agent for. Pick a problem, install a skill, restart your agent.

- [<h3>Plan before it codes</h3>

  I want my agent to brainstorm, plan, then execute step by step.

  /brainstorming · /writing-plans · /executing-plans

  31 skills · ~523k installs](https://skilld.dev/skills/plan)
- [<h3>Master your agent</h3>

  I want sub-agents, verification, and parallel execution — not a single chat.

  /using-superpowers · /subagent-driven-development · /verification-before-completion

  29 skills · ~259k installs](https://skilld.dev/skills/master-agent)
- [<h3>Help me write docs & specs</h3>

  I want READMEs, PRDs, and internal comms — without the AI slop.

  /doc-coauthoring · /internal-comms · /java-docs

  12 skills · ~53k installs](https://skilld.dev/skills/docs)
- [<h3>Review and refactor my code</h3>

  I want a second reviewer and clean refactors that keep behaviour stable.

  /requesting-code-review · /receiving-code-review · /improve-codebase-architecture

  26 skills · ~142k installs](https://skilld.dev/skills/review)
- [<h3>Debug like an engineer</h3>

  I want my agent to investigate before guessing — reproduce, isolate, then fix.

  /systematic-debugging · /browser-use · /automate-this

  8 skills · ~103k installs](https://skilld.dev/skills/debug)
- [<h3>Ship cleanly</h3>

  I want commits, branches, and releases that match how the team ships.

  /using-git-worktrees · /finishing-a-development-branch · /conventional-commit

  12 skills · ~52k installs](https://skilld.dev/skills/ship)

## By domain

Skills grouped by what part of dev work they level up.

### Design & frontend craft

[View all](https://skilld.dev/skills?category=design)

Interface critique, taste, motion, and visual direction for polished frontend work.

- [

  /frontend-design![anthropics](https://github.com/anthropics.png?size=32)

  anthropics/claude-plugins-official349.3k

  Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults. /frontend-design by anthropics](https://skilld.dev/gh/anthropics/claude-plugins-official/frontend-design)
- [

  /theme-factory![anthropics](https://github.com/anthropics.png?size=32)

  anthropics34.4k

  Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly. /theme-factory by anthropics](https://skilld.dev/gh/anthropics/skills/theme-factory)
- [

  /json-canvas![kepano](https://github.com/kepano.png?size=32)

  kepano/obsidian-skills17.1k

  Create and edit JSON Canvas files (.canvas) with nodes, edges, groups, and connections. Use when working with .canvas files, creating visual canvases, mind maps, flowcharts, or when the user mentions Canvas files in Obsidian. /json-canvas by kepano](https://skilld.dev/gh/kepano/obsidian-skills/json-canvas)
- [

  /canvas-design![anthropics](https://github.com/anthropics.png?size=32)

  anthropics17k

  Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations. /canvas-design by anthropics](https://skilld.dev/gh/anthropics/skills/canvas-design)
- [

  /design-md![google-labs-code](https://github.com/google-labs-code.png?size=32)

  google-labs-code/stitch-skills13.7k

  Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files /design-md by google-labs-code](https://skilld.dev/gh/google-labs-code/stitch-skills/design-md)
- [

  /brand-guidelines![anthropics](https://github.com/anthropics.png?size=32)

  anthropics12.3k

  Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply. /brand-guidelines by anthropics](https://skilld.dev/gh/anthropics/skills/brand-guidelines)

### Framework & library best practices

[View all](https://skilld.dev/skills?category=package-best-practices)

Conventions for the npm packages and frameworks your project already depends on.

- [

  /pptx![anthropics](https://github.com/anthropics.png?size=32)

  anthropics83.5k

  Use this skill any time a .pptx or .potx file is involved in any way — as input, output, or both. This includes: creating slide decks, pitch decks, or presentations; reading, parsing, or extracting text from any .pptx or .potx file (even if the extracted content will be used elsewhere, like in an email or summary); editing, modifying, or updating existing presentations; combining or splitting slide files; working with templates (.potx), layouts, speaker notes, or comments. Trigger whenever the user mentions \"deck,\" \"slides,\" \"presentation,\" or references a .pptx or .potx filename, regardless of what they plan to do with the content afterward. If a .pptx or .potx file needs to be opened, created, or touched, use this skill. /pptx by anthropics](https://skilld.dev/gh/anthropics/skills/pptx)
- [

  /mcp-builder![anthropics](https://github.com/anthropics.png?size=32)

  anthropics47k

  Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK). /mcp-builder by anthropics](https://skilld.dev/gh/anthropics/skills/mcp-builder)
- [

  /firebase-auth-basics![firebase](https://github.com/firebase.png?size=32)

  firebase38.6k

  Guide for setting up and using Firebase Authentication. Use this skill when the user's app requires user sign-in, user management, or secure data access using auth rules. /firebase-auth-basics by firebase](https://skilld.dev/gh/firebase/skills/firebase-auth-basics)
- [

  /firebase-basics![firebase](https://github.com/firebase.png?size=32)

  firebase37.6k

  >- Provides foundational setup, authentication, and project management workflows for Firebase using the Firebase CLI. Use when checking Firebase CLI version (must use 'npx -y firebase-tools@latest --version'), initializing a Firebase environment, authenticating, setting active projects, or setting up `google-services.json` or `GoogleService-Info.plist` files. /firebase-basics by firebase](https://skilld.dev/gh/firebase/skills/firebase-basics)
- [

  /firebase-app-hosting-basics![firebase](https://github.com/firebase.png?size=32)

  firebase37.3k

  Deploy and manage web apps with Firebase App Hosting. Use this skill when deploying Next.js/Angular apps with backends. /firebase-app-hosting-basics by firebase](https://skilld.dev/gh/firebase/skills/firebase-app-hosting-basics)
- [

  /web-artifacts-builder![anthropics](https://github.com/anthropics.png?size=32)

  anthropics37k

  Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts. /web-artifacts-builder by anthropics](https://skilld.dev/gh/anthropics/skills/web-artifacts-builder)

### Testing

[View all](https://skilld.dev/skills?category=testing-strategy)

Unit, integration, and TDD workflows that keep behaviour stable.

- [

  /tdd![mattpocock](https://github.com/mattpocock.png?size=32)

  mattpocock36.7k

  Test-driven development. Use when the user wants to build features or fix bugs test-first, mentions "red-green-refactor", or wants integration tests. /tdd by mattpocock](https://skilld.dev/gh/mattpocock/skills/tdd)
- [

  /test-driven-development![obra](https://github.com/obra.png?size=32)

  obra/superpowers22.8k

  Use when implementing any feature or bugfix, before writing implementation code /test-driven-development by obra](https://skilld.dev/gh/obra/superpowers/test-driven-development)
- [

  /terraform-test![hashicorp](https://github.com/hashicorp.png?size=32)

  hashicorp/agent-skills2.4k

  Comprehensive guide for writing and running Terraform tests. Use when creating test files (.tftest.hcl), writing test scenarios with run blocks, validating infrastructure behavior with assertions, mocking providers and data sources, testing module outputs and resource configurations, or troubleshooting Terraform test syntax and execution. /terraform-test by hashicorp](https://skilld.dev/gh/hashicorp/agent-skills/terraform-test)
- [

  /flutter-add-widget-test![flutter](https://github.com/flutter.png?size=32)

  flutter1.8k

  Implement a component-level test using `WidgetTester` to verify UI rendering and user interactions (tapping, scrolling, entering text). Use when validating that a specific widget displays correct data and responds to events as expected. /flutter-add-widget-test by flutter](https://skilld.dev/gh/flutter/skills/flutter-add-widget-test)
- [

  /clerk-testing![clerk](https://github.com/clerk.png?size=32)

  clerk1.7k

  E2E testing for Clerk apps. Use with Playwright or Cypress for auth flow tests. /clerk-testing by clerk](https://skilld.dev/gh/clerk/skills/clerk-testing)
- [

  /validate-skills![callstackincubator](https://github.com/callstackincubator.png?size=32)

  callstackincubator/agent-skills1.7k

  Validates skills in this repo against agentskills.io spec and Claude Code best practices. Use via /validate-skills command. /validate-skills by callstackincubator](https://skilld.dev/gh/callstackincubator/agent-skills/validate-skills)

### API integration

[View all](https://skilld.dev/skills?category=api-integration)

Connecting third-party services and SDKs with their current conventions.

- [

  /native-data-fetching![expo](https://github.com/expo.png?size=32)

  expo26.3k

  Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling, caching, offline support, and Expo Router data loaders (`useLoaderData`). /native-data-fetching by expo](https://skilld.dev/gh/expo/skills/native-data-fetching)
- [

  /baoyu-post-to-weibo![jimliu](https://github.com/jimliu.png?size=32)

  jimliu/baoyu-skills10.3k

  Posts content to Weibo (微博). Supports regular posts with text, images, and videos, and headline articles (头条文章) with Markdown input via Chrome CDP. Use when user asks to "post to Weibo", "发微博", "发布微博", "publish to Weibo", "share on Weibo", "写微博", or "微博头条文章". /baoyu-post-to-weibo by jimliu](https://skilld.dev/gh/jimliu/baoyu-skills/baoyu-post-to-weibo)
- [

  /baoyu-post-to-wechat![jimliu](https://github.com/jimliu.png?size=32)

  jimliu/baoyu-skills10.1k

  Posts content to WeChat Official Account (微信公众号) via API or Chrome CDP. Supports article posting (文章) with HTML, markdown, or plain text input, and image-text posting (贴图, formerly 图文) with multiple images. Markdown article workflows default to converting ordinary external links into bottom citations for WeChat-friendly output. Use when user mentions "发布公众号", "post to wechat", "微信公众号", or "贴图/图文/文章". /baoyu-post-to-wechat by jimliu](https://skilld.dev/gh/jimliu/baoyu-skills/baoyu-post-to-wechat)
- [

  /baoyu-post-to-x![jimliu](https://github.com/jimliu.png?size=32)

  jimliu/baoyu-skills9k

  Posts content and articles to X (Twitter). Supports regular posts with images/videos and X Articles (long-form Markdown). In Codex, honor explicit requests for the Codex Chrome plugin/@chrome by using the Chrome Extension workflow; otherwise use Chrome Computer Use when available and fall back to real Chrome CDP scripts only when allowed. Use when user asks to "post to X", "tweet", "publish to Twitter", or "share on X". /baoyu-post-to-x by jimliu](https://skilld.dev/gh/jimliu/baoyu-skills/baoyu-post-to-x)
- [

  /baoyu-danger-gemini-web![jimliu](https://github.com/jimliu.png?size=32)

  jimliu/baoyu-skills8.3k

  Generates images and text via reverse-engineered Gemini Web API. Supports text generation, image generation from prompts, reference images for vision input, and multi-turn conversations. Use when other skills need image generation backend, or when user requests "generate image with Gemini", "Gemini text generation", or needs vision-capable AI generation. /baoyu-danger-gemini-web by jimliu](https://skilld.dev/gh/jimliu/baoyu-skills/baoyu-danger-gemini-web)
- [

  /clerk-webhooks![clerk](https://github.com/clerk.png?size=32)

  clerk4.8k

  Clerk webhooks for real-time events and data syncing. Verify with verifyWebhook from the framework-specific package. Handle user, session, organization, billing, and payment events. Build event-driven features like database sync, notifications, and integrations. /clerk-webhooks by clerk](https://skilld.dev/gh/clerk/skills/clerk-webhooks)

### DevOps & deployment

[View all](https://skilld.dev/skills?category=devops)

CI, infrastructure, and release workflows that get code to production.

- [

  /expo-cicd-workflows![expo](https://github.com/expo.png?size=32)

  expo21.6k

  Helps understand and write EAS workflow YAML files for Expo projects. Use this skill when the user asks about CI/CD or workflows in an Expo or EAS context, mentions .eas/workflows/, or wants help with EAS build pipelines or deployment automation. /expo-cicd-workflows by expo](https://skilld.dev/gh/expo/skills/expo-cicd-workflows)
- [

  /expo-deployment![expo](https://github.com/expo.png?size=32)

  expo20.7k

  Deploy Expo apps to production with EAS — build and submit to the iOS App Store, Google Play Store, and TestFlight, configure eas.json build and submit profiles, manage app versions and build numbers, publish App Store metadata and ASO, and deploy web bundles and API routes via EAS Hosting. Use whenever the user is preparing a production build, running eas build or eas submit, shipping to TestFlight, releasing or rolling out to the app stores, bumping version or build numbers, or setting up store listing metadata for an Expo app. /expo-deployment by expo](https://skilld.dev/gh/expo/skills/expo-deployment)
- [

  /release-skills![jimliu](https://github.com/jimliu.png?size=32)

  jimliu/baoyu-skills8.9k

  Universal release workflow. Auto-detects version files and changelogs. Supports Node.js, Python, Rust, Claude Plugin, GitHub Releases, annotated tags, historical release backfill, and generic projects. Use when user says "release", "发布", "new version", "bump version", "push", "推送", "release notes", "GitHub Release", or "回填 Release". /release-skills by jimliu](https://skilld.dev/gh/jimliu/baoyu-skills/release-skills)
- [

  /aws-ami-builder![hashicorp](https://github.com/hashicorp.png?size=32)

  hashicorp/agent-skills753

  Build Amazon Machine Images (AMIs) with Packer using the amazon-ebs builder. Use when creating custom AMIs for EC2 instances. /aws-ami-builder by hashicorp](https://skilld.dev/gh/hashicorp/agent-skills/aws-ami-builder)
- [

  /terraform-stacks![hashicorp](https://github.com/hashicorp.png?size=32)

  hashicorp/agent-skills697

  Comprehensive guide for working with HashiCorp Terraform Stacks. Use when creating, modifying, or validating Terraform Stack configurations (.tfcomponent.hcl, .tfdeploy.hcl files), working with stack components and deployments from local modules, public registry, or private registry sources, managing multi-region or multi-environment infrastructure, or troubleshooting Terraform Stacks syntax and structure. /terraform-stacks by hashicorp](https://skilld.dev/gh/hashicorp/agent-skills/terraform-stacks)
- [

  /azure-image-builder![hashicorp](https://github.com/hashicorp.png?size=32)

  hashicorp/agent-skills582

  Build Azure managed images and Azure Compute Gallery images with Packer. Use when creating custom images for Azure VMs. /azure-image-builder by hashicorp](https://skilld.dev/gh/hashicorp/agent-skills/azure-image-builder)

### Security

[View all](https://skilld.dev/skills?category=security)

Auditing, threat modelling, and finding vulnerabilities before shipping.

- [

  /gha-security-review![getsentry](https://github.com/getsentry.png?size=32)

  getsentry1.3k

  GitHub Actions security review for workflow exploitation vulnerabilities. Use when asked to "review GitHub Actions", "audit workflows", "check CI security", "GHA security", "workflow security review", or review .github/workflows/ for pwn requests, expression injection, credential theft, and supply chain attacks. Exploitation-focused with concrete PoC scenarios. /gha-security-review by getsentry](https://skilld.dev/gh/getsentry/skills/gha-security-review)
- [

  /mapbox-token-security![mapbox](https://github.com/mapbox.png?size=32)

  mapbox/mapbox-agent-skills614

  Security best practices for Mapbox access tokens, including scope management, URL restrictions, rotation strategies, and protecting sensitive data. Use when creating, managing, or advising on Mapbox token security. /mapbox-token-security by mapbox](https://skilld.dev/gh/mapbox/mapbox-agent-skills/mapbox-token-security)
- [

  /security-best-practices![openai](https://github.com/openai.png?size=32)

  openai475

  Perform language and framework specific security best-practice reviews and suggest improvements. Trigger only when the user explicitly requests security best practices guidance, a security review/report, or secure-by-default coding help. Trigger only for supported languages (python, javascript/typescript, go). Do not trigger for general code review, debugging, or non-security tasks. /security-best-practices by openai](https://skilld.dev/gh/openai/skills/security-best-practices)
- [

  /security-threat-model![openai](https://github.com/openai.png?size=32)

  openai340

  Repository-grounded threat modeling that enumerates trust boundaries, assets, attacker capabilities, abuse paths, and mitigations, and writes a concise Markdown threat model. Trigger only when the user explicitly asks to threat model a codebase or path, enumerate threats/abuse paths, or perform AppSec threat modeling. Do not trigger for general architecture summaries, code review, or non-security design work. /security-threat-model by openai](https://skilld.dev/gh/openai/skills/security-threat-model)
- [

  /auth0-mfa![auth0](https://github.com/auth0.png?size=32)

  auth0/agent-skills318

  Use when adding MFA or step-up authentication to an app — requiring users to verify with a second factor (TOTP, SMS, passkey, push) for login or before a sensitive action. Also use for adaptive/risk-based MFA or compliance requirements like HIPAA or PCI-DSS, even if the user just says "add two-factor auth" or "require MFA before this action". /auth0-mfa by auth0](https://skilld.dev/gh/auth0/agent-skills/auth0-mfa)
- [

  /security-ownership-map![openai](https://github.com/openai.png?size=32)

  openai233

  Analyze git repositories to build a security ownership topology (people-to-file), compute bus factor and sensitive-code ownership, and export CSV/JSON for graph databases and visualization. Trigger only when the user explicitly wants a security-oriented ownership or bus-factor analysis grounded in git history (for example: orphaned sensitive code, security maintainers, CODEOWNERS reality checks for risk, sensitive hotspots, or ownership clusters). Do not trigger for general maintainer lists or non-security ownership questions. /security-ownership-map by openai](https://skilld.dev/gh/openai/skills/security-ownership-map)

## Recently updated

[Browse all](https://skilld.dev/skills)

Skills whose SKILL.md changed lately. Watch a repo to get notified the next time it does.

- [![n8n-io avatar](https://github.com/n8n-io.png?size=80)

  n8n-io/n8n

  2 skills updated

  /intent-recognition · /workflow-builder

  Updated today](https://skilld.dev/gh/n8n-io/n8n)
- [![browser-use avatar](https://github.com/browser-use.png?size=80)

  browser-use/browser-use

  2 skills updated

  /browser-use · /browser-use

  Updated today](https://skilld.dev/gh/browser-use/browser-use)
- [

  /langchain-rag![langchain-ai](https://github.com/langchain-ai.png?size=32)

  langchain-ai/langchain-skills

  Updated today

  INVOKE THIS SKILL when building ANY retrieval-augmented generation (RAG) system. Covers document loaders, RecursiveCharacterTextSplitter, embeddings (OpenAI), and vector stores (Chroma, FAISS, Pinecone). /langchain-rag by langchain-ai](https://skilld.dev/gh/langchain-ai/langchain-skills/langchain-rag)
- [![anthropics avatar](https://github.com/anthropics.png?size=80)

  anthropics/skills

  3 skills updated

  /pptx · /docx · /xlsx

  Updated today](https://skilld.dev/gh/anthropics/skills)
- [

  /superdesign![superdesigndev](https://github.com/superdesigndev.png?size=32)

  superdesigndev/superdesign-skill

  Updated yesterday

  Design or redesign frontend UI with the Superdesign canvas. Use for design-system extraction, faithful UI reproduction, visual variants, reusable design components, and multi-page flows. Do not use for implementation-only tasks that require no design exploration. /superdesign by superdesigndev](https://skilld.dev/gh/superdesigndev/superdesign-skill/superdesign)
- [![stripe avatar](https://github.com/stripe.png?size=80)

  stripe/ai

  7 skills updated

  /stripe-best-practices · /stripe-projects · /stripe-projects · /stripe-projects · +3 more

  Updated yesterday](https://skilld.dev/gh/stripe/ai)
- [![microsoft avatar](https://github.com/microsoft.png?size=80)

  microsoft/github-copilot-for-azure

  4 skills updated

  /vally-eval · /file-test-bug · /entra-agent-id · /entra-app-registration

  Updated yesterday](https://skilld.dev/gh/microsoft/github-copilot-for-azure)
- [![posthog avatar](https://github.com/posthog.png?size=80)

  posthog/posthog

  17 skills updated

  /adding-ingestion-warnings · /signals-scout-web-analytics · /authenticating-as-the-user · /running-ci-preflight · +13 more

  Updated yesterday](https://skilld.dev/gh/posthog/posthog)
- [![flutter avatar](https://github.com/flutter.png?size=80)

  flutter/skills

  2 skills updated

  /definition-of-done · /dart-skills-lint-integration

  Updated yesterday](https://skilld.dev/gh/flutter/skills)
- [

  /update-release-notes![tldraw](https://github.com/tldraw.png?size=32)

  tldraw/tldraw

  Updated yesterday

  Update the release notes file at `apps/docs/content/releases/next.mdx` in the tldraw/tldraw repo based on PRs since the previous release, or archive `next.mdx` to a versioned file when a new version is published. /update-release-notes by tldraw](https://skilld.dev/gh/tldraw/tldraw/update-release-notes)
- [

  /eas-simulator![expo](https://github.com/expo.png?size=32)

  expo

  Updated yesterday

  EAS service (paid). Run and control a user's app on a remote iOS/Android simulator hosted on EAS cloud. Read before running any `eas simulator:*` commands - it has the current syntax for this experimental API. Use whenever the user needs a simulator they can't run locally - 'run my app on a cloud simulator', 'use eas simulator to run/install/screenshot my app', 'I'm on Linux/Cursor and need an iOS device', 'no sim on this box / headless CI', 'let an agent click through my app and screenshot it', 'test my dev build on a remote sim with live reload', 'stream a sim to my browser' - even when they don't say 'EAS Simulator' or 'cloud'. On a host WITHOUT a local simulator (Linux, CI, cloud sandbox) it's the default; on macOS, do NOT auto-trigger for a plain 'run on the simulator' - use it only for a cloud/remote/shareable sim, an iOS version they lack, or an agent-driven session. NOT for local sims (expo run:ios, Xcode, Android Studio), EAS Build/Update, web preview, or physical devices. /eas-simulator by expo](https://skilld.dev/gh/expo/skills/eas-simulator)
- [![boshu2 avatar](https://github.com/boshu2.png?size=80)

  boshu2/agentops

  18 skills updated

  /council · /council · /council · /implement · +14 more

  Updated yesterday](https://skilld.dev/gh/boshu2/agentops)

## Watch your stack for changes

Sign in with GitHub, pick the repos you depend on, get a weekly digest when their skills change.

[Sign in with GitHub](https://skilld.dev/login?return_to=/onboarding/discover)

## How it works

1. 01

   Install skills

   Run `npx -y skilld add npm:vue npm:nuxt` to install curated skills for your npm packages.
2. 02

   Follow curators

   Install a curator's collection with one command. Their skill set becomes your agent's context.
3. 03

   Stay current

   Skills update when packages release. Run `skilld update` to refresh from the registry.

[Stats](https://skilld.dev/skills/stats) [Accessibility](https://skilld.dev/accessibility)

[GitHub repository (opens in new tab)](https://github.com/harlan-zw/skilld)

Built by [Harlan Wilton](https://harlanzw.com)