AI Skills & Agents
AI Skills & Agents
A catalogue of design-engineering skills for humans and agents. Each one belongs to whoever wrote it.
207 skills are hosted here, under a permissive licence and with credit. The other 62 declare no licence, so the catalogue points to the source instead of copying.
Agent, start here
Skills
Ranked by the source repository's stars
We do not measure installs: nothing is installed through here, and an invented number would be the opposite of what this catalogue stands for. The stars belong to the repository the skill came from, fetched from the GitHub API. A heavily starred repository appears at most twice in a row and the rest is collapsed, or a single author would take the whole top.
269 results
#skilltopicsstarslicence
- 1ask-mattmattpocock/skillsRouter that picks the right Matt Pocock engineering flow for the current task.tooling, architecture249KMIT
- 2codebase-designmattpocock/skillsGuidance for designing deep modules with small interfaces and clean seams.architecture, systems249KMIT
- 14canvas-designanthropics/skillsCreate original visual designs and art on digital canvases using design philosophy, focusing on form, space, and color.visual, interaction174Kat source
- 15frontend-designanthropics/skillsCreate distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code and UI design that avoids generic AI aesthetics.visual, systems174Kat source
- 16next-cache-components-adoptionvercel/next.jsEnable Cache Components in a Next.js app and resolve blocking routes surfaced during adoption.nextjs, performance142KMIT
- 17next-cache-components-optimizervercel/next.jsDrive a Next.js route to instant navigation under Cache Components using a failing Playwright test and an agentic fix loop.nextjs, performance142KMIT
- 18banner-designnextlevelbuilder/ui-ux-pro-max-skillDesign banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with AI-generated visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, website hero, print. Styles: minimalist, gradient, bold typography, photo-based, illustrated, geometric, retro, glassmorphism, 3D, neon, duotone, editorial, collage. Uses ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal skills.visual, systems125KMIT
- 19brandnextlevelbuilder/ui-ux-pro-max-skillBrand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides.visual, systems125KMIT
- 25shadcnshadcn-ui/uiProject-aware shadcn/ui workflow for searching, adding, composing, and fixing components with correct patterns.systems, tooling123KMIT
- 26frontend-ui-engineeringaddyosmani/agent-skillsFrontend UI engineering guidance covering component architecture, responsive design, accessibility, and maintainable implementation patterns.frontend, systems92KMIT
- 27brandkitLeonxlnx/taste-skillPremium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations. Trained for minimalist, cinematic, editorial, dark-tech, luxury, cultural, security, gaming, developer-tool, and consumer-app brand systems. Optimized for intentional logo concepting, refined composition, sparse typography, strong symbolic meaning, premium mockups, art-directed imagery, and flexible grid layouts.visual, systems84KMIT
- 28industrial-brutalist-uiLeonxlnx/taste-skillRaw, mechanical interface direction mixing Swiss print structure with terminal-inspired brutalist aesthetics.taste, visual84KMIT
- 40adaptpbakaus/impeccableAdapt designs across breakpoints, device contexts, and platform constraints with responsive interaction quality.interaction, systems65KApache-2.0
- 41animatepbakaus/impeccableEnhance UX with purposeful animation and micro-interactions that support usability and delight.motion, interaction65KApache-2.0
- 58daisyuisaadeghi/daisyuiOfficial daisyUI component library skill, providing docs, class names, examples and code examples to generate better daisyUI code.visual, tooling42KMIT
- 59humanizerblader/humanizerRewrite AI-sounding text so it reads naturally without changing meaning, based on Wikipedia's signs of AI writing.craft, taste42KMIT
- 60agent-browservercel-labs/agent-browserBrowser automation CLI for AI agents for navigation, form actions, extraction, screenshots, QA, and app testing.testing, tooling42KApache-2.0
- 61interaction-designwshobson/agentsDesign and implement microinteractions, motion design, transitions, and user feedback patterns for delightful user experiences.interaction, motion39KMIT
- 62wcag-audit-patternswshobson/agentsConduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility, fixing WCAG violations, or implementing accessible design patterns.accessibility, testing39KMIT
- 63animateemilkowalski/skillsBuild an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which tool, which properties, which curve and duration, how it interrupts, how it exits. Writes the implementation. Use when asked to animate something, add motion, make a component feel alive, or build a transition. For critiquing existing motion use review-animations; for auditing a whole codebase use improve-animations.motion, interaction35KMIT
- 64animate-expoemilkowalski/skillsBuild animations in React Native and Expo, making the decisions in the order that determines whether they feel right — should it animate, which thread it runs on, which properties, spring or timing, how the gesture hands off, how it degrades. Writes the implementation with Reanimated, Gesture Handler, Expo Router and expo-haptics. Use when animating anything in an Expo app, adding gestures, sheets, screen transitions, press feedback or haptics, or fixing motion that stutters on device. For web animation use animate.motion, interaction35KMIT
- 75vercel-react-best-practicesvercel-labs/agent-skillsVercel React best practices for rendering performance, bundle efficiency, and scalable component architecture.frontend, performance31Kat source
- 76web-design-guidelinesvercel-labs/agent-skillsReview UI code for Web Interface Guidelines compliance. Audit design, accessibility, and UX against Vercel's best practices.visual, accessibility31Kat source
- 77frontend-slideszarazhangrui/frontend-slidesCreate animation-rich HTML presentations from scratch or convert PPT/PPTX files into polished web slides.video, visual29KMIT
- 78i-have-adhdayghri/i-have-adhdShape output for a reader with ADHD by leading with the next action, numbering steps, suppressing tangents, and making progress visible.tooling27KMIT
- 79define-goalopenai/skillsHelp the user define a concrete, measurable goal before starting work, especially when they ask to use the goal tool, create a goal, set an objective, clarify success criteria, or turn a fuzzy intention into a quantitative outcome. Use this skill for goal creation and goal refinement only; it does not manage durable snapshots, decision logs, or long-running execution artifacts.tooling, architecture25Kat source
- 80stop-slophardikpandya/stop-slopRemove AI writing patterns from prose when drafting, editing, or reviewing text to eliminate predictable AI tells.craft, taste17KMIT
- 81gsap-coregreensock/gsap-skillsOfficial GSAP core API guidance for gsap.to(), from(), easing, stagger, matchMedia, and responsive or reduced-motion animation patterns.motion, interaction15KMIT
- 82gsap-frameworksgreensock/gsap-skillsOfficial GSAP guidance for Vue, Nuxt, Svelte, and SvelteKit lifecycle setup, scoped selectors, and cleanup on unmount.motion, frameworks15KMIT
- 89improve-reactmillionco/react-doctorSurvey a React codebase using React Doctor's findings, then produce prioritized audits and self-contained implementation plans without modifying source code.code-quality, performance15KNOASSERTION
- 90react-doctormillionco/react-doctorRun React Doctor to detect regressions in security, performance, correctness, and architecture, with score-based quality checks.testing, performance15KNOASSERTION
- 91playwright-climicrosoft/playwright-cliOfficial Playwright CLI skill for browser automation, test generation, tracing, and session-driven end-to-end testing workflows.testing, tooling13KApache-2.0
- 92improveshadcn/improveSurvey any codebase as a senior advisor and produce prioritized, self-contained implementation plans for OTHER models/agents to execute. Strictly read-only on source code — never implements, fixes, or refactors anything itself. Use when asked to audit a codebase, find improvement opportunities (bugs, security, performance, test coverage, tech debt, migrations, DX), suggest features or take the project next, or generate handoff plans for another agent to implement.code-quality, architecture9.1KMIT
- 93scroll-worldoso95/scroll-worldBuild an immersive scroll-scrubbed 3D world landing page for any brand with Higgsfield-generated scenes, seamless camera clips, and a portable scroll-scrub engine.3d, motion9.0KMIT
- 94baseline-uiibelick/ui-skillsQuickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.systems, visual8.1KMIT
- 95create-design-mdibelick/ui-skillsCreate or update a DESIGN.md from an existing product repository or public website, with evidence-based design tokens and guidance.systems, tooling8.1KMIT
- 101no-ai-sloppetergyang/no-ai-slopEdit drafts into sharper, more human writing while preserving personal voice, or detect AI-slop patterns without rewriting.craft, taste7.1KMIT
- 102gc-minimal-zine-poster-v0-3LiamGvchi/gc-minimal-zine-posterGenerate quiet minimal zine-style editorial poster prompts and matching raster images from themes, moods, objects, photos, or content briefs.visual, typography6.9KMIT
- 103thermo-nuclear-code-quality-reviewcursor/pluginsRun an extremely strict maintainability review for abstraction quality, giant files, and spaghetti-condition growth.code-quality, architecture6.8Kat source
- 104unslopcursor/pluginsCut AI tells from any writing by editing text to remove machine patterns and restore a more human voice.craft, taste6.8Kat source
- 105antfuantfu/skillsAnthony Fu's opinionated tooling and conventions for JavaScript/TypeScript projects.tooling, frontend5.8KMIT
- 106antfu-designantfu/skillsantfu-style design conventions, broadened. UnoCSS-first, class-based semantic tokens with dual light/dark for tooling and devtools UIs, plus design-read, anti-slop, and micro-interaction polish for landing pages and product surfaces. Use when building or refactoring any interface with UnoCSS.frontend, craft5.8KMIT
- 124animation-on-scrollMengTo/SkillsUse when you need scroll-driven motion that feels intentional instead of noisy or overdone.motion, interaction5.8KMIT
- 125animation-systemsMengTo/SkillsUse when building a coherent animation system instead of one-off motion tweaks.motion, systems5.8KMIT
- 142interface-designDammyjay93/interface-designSpecialized skill for interface design: dashboards, admin panels, and SaaS apps. Focused on craft and consistency.visual, systems5.7KMIT
- 143better-accessibilityjakubkrehel/skillsReview and improve focus states, keyboard support, ARIA, forms, screen readers, hit areas, and motion accessibility.accessibility, interaction5.4KMIT
- 144better-colorsjakubkrehel/skillsOKLCH color space for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut boundaries, and theme with Tailwind v4. Triggers on oklch, color conversion, palette generation, contrast ratio, gamut, display p3, design tokens, hue drift, chroma, dark mode colors.color, accessibility5.4KMIT
- 154text-to-lottiediffusionstudio/lottieTurn text prompts into polished Lottie animations for motion-heavy UI work.motion, visual5.4KMIT
- 155remotion-best-practicesremotion-dev/skillsDomain-specific knowledge base for building videos with Remotion and React.video, motion4.5Kat source
- 156swiftui-ui-patternsdimillian/skillsBest practices and example-driven guidance for building SwiftUI views and components. Includes tab architecture and screen composition.swiftui, interaction3.9KMIT
- 157refine-liveJakubantalik/transitions.devIteratively refine UI in live sessions with a focus on motion, polish, and interaction detail.motion, visual3.5Kat source
- 158make-interfaces-feel-betterjakubkrehel/make-interfaces-feel-betterDesign engineering principles for making interfaces feel polished, with focus on micro-interactions, typography, and visual details.craft, interaction3.3KMIT
- 159threejs-animationcloudai-x/threejs-skillsThree.js animation guidance for keyframes, skeletal animation, morph targets, and animation blending.threejs, motion3.2Kat source
- 160threejs-fundamentalscloudai-x/threejs-skillsThree.js scene setup guidance for cameras, renderer configuration, object hierarchy, and transforms.threejs, interaction3.2Kat source
- 169simple-englishAminBlg/SimpleEnglishWrite or rewrite technical text with ASD-STE100 Simplified Technical English for clear, unambiguous, translation-friendly documentation and interface copy.tooling, code-quality3.2KMIT
- 170unlazyLeonxlnx/unlazyAnti-laziness execution discipline that finishes substantial tasks through gate files and runnable checks instead of premature done reports.tooling, code-quality3.0KMIT
- 171create-adaptable-composablevuejs-ai/skillsCreate library-grade Vue composables that support plain values, refs, and getters with predictable reactivity.vue, frontend2.8KMIT
- 172vue-best-practicesvuejs-ai/skillsCore Vue development best practices for component architecture, reactivity, and maintainable code.vue, frontend2.8KMIT
- 179accessibilityaddyosmani/web-quality-skillsAudit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".accessibility, frontend2.7KMIT
- 180best-practicesaddyosmani/web-quality-skillsApply modern web development best practices for security, compatibility, and code quality. Use when asked to "apply best practices", "security audit", "modernize code", "code quality review", or "check for vulnerabilities".performance, frontend2.7KMIT
- 185figma-code-connectfigma/mcp-server-guideCreates and maintains Figma Code Connect template files that map Figma components to code snippets. Use when the user mentions Code Connect, Figma component mapping, design-to-code translation, or asks to create/update .figma.ts or .figma.js files.visual, systems2.0Kat source
- 186figma-create-new-filefigma/mcp-server-guide**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `create_new_file` tool call. NEVER call `create_new_file` directly without loading this skill first. Trigger whenever the user wants a new blank Figma file — a new design, FigJam, or Slides file — or when you need a fresh file before calling `use_figma`. Usage — /figma-create-new-file [editorType] [fileName] (e.g. /figma-create-new-file figjam My Whiteboard, /figma-create-new-file slides Q3 Review)visual, systems2.0Kat source
- 199landing-page-designelayadesign/ai-design-skillsBuild high-converting landing pages with intake questions, page structure, conversion copy, SEO, and a disciplined visual system.visual, frontend1.7KMIT
- 200react-native-best-practicescallstackincubator/agent-skillsReact Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations.react-native, performance1.6KMIT
- 201gh-stackgithub/gh-stackManage stacked branches and dependent pull requests with the gh stack GitHub CLI extension.tooling, architecture1.5KMIT
- 202human-reviewpetergyang/human-reviewOpen HTML, Markdown, or localhost pages in the browser so the user can edit text directly, leave anchored comments, and send all feedback back in one batch.tooling, craft1.2KMIT
- 203braglatent-spaces/bragTurn a finished project into a short shareable launch video with motion, music, and copy.video, motion1.2KMIT
- 204web-cloneJane-xiaoer/claude-skill-web-clone网站复刻 / 克隆方法论。Use when the user says to clone, reproduce, or recreate a website or WebGL/Canvas/Three.js effect. Covers source-first reconstruction, repo scaffolding, reverse engineering, implementation paths, and verification for static sites, content sites, and heavy front-end experiences.frontend, architecture986MIT
- 205design-lab0xdesign/design-pluginInteractive design exploration workflow: conduct interviews, generate variants, and refine UI designs through feedback.visual, interaction752at source
- 206seoiannuttall/seoUse for SEO audits, rankings, keyword research, indexing, metadata, Search Console, GA4, and AI search visibility. Routes to evidence-backed reports through the local SEO CLI and MCP server.tooling, frontend455Apache-2.0
- 207anti-ai-slop-writingjalaalrd/anti-ai-slop-writingProduce human-sounding text that avoids detectable AI patterns with banned vocabulary, structural variety, and voice calibration.craft, taste439at source
- 208bencium-innovative-ux-designerbencium/bencium-marketplaceCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.visual, systems413MIT
- 209scandinavian-designericzakariasson/scandinavian-designApply a refined Scandinavian visual system with a neutral black-and-white foundation, restrained sans-serif typography, purposeful product imagery, generous spacing, clear page chapters, and minimal decoration. Use when the user invokes /scandinavian-design or requests a Nordic, monochrome, calm, spacious, restrained, or minimalist interface.visual, taste372at source
- 210broluchasarie/bro-skillRe-explain the previous assistant message in a much simpler, plain-language version when the last answer was too dense.craft, interaction329MIT
- 211effectkitlangton/skillsOpinionated guidance for building production TypeScript applications with Effect v4, including workflows, services, layers, schemas, configuration, scheduling, caching, streams, HTTP clients, and tests.architecture, tooling316MIT
- 212svelte-code-writersveltejs/ai-toolsOfficial Svelte code-writing skill focused on modern Svelte patterns, component composition, and production-ready implementations.frameworks, frontend316MIT
- 213humanizeaashaexo/soundshumanRemove signs of AI-generated writing from prose and audit docs folders for slop across content, language, style, and rhetoric.craft, taste291NOASSERTION
- 214create-anatomyredongreen/uSpecGenerate a visual anatomy annotation in Figma showing numbered markers on a component instance with an attribute table. Use when the user mentions anatomy, anatomy annotation, component anatomy, create anatomy, or wants to annotate a component's structural elements.systems, frontend241MIT
- 215create-voiceredongreen/uSpecGenerate VoiceOver, TalkBack, and ARIA screen reader specs in Figma with focus order, property tables, and announcements by component state.accessibility, systems241MIT
- 216oklch-skilljakubkrehel/oklch-skillPractical OKLCH color workflow skill for building consistent, accessible, and tunable color systems in modern UIs.color, accessibility234at source
- 217humanizerAboudjem/humanizer-skillDetect 53 AI writing patterns and rewrite text in five voice profiles, with optional scoring and in-place Markdown editing.craft, taste214MIT
- 218anti-slopelithrar/dotfilesDetect and remove AI writing tells from prose while preserving the author's voice in blogs, docs, emails, and reports.craft, taste203MIT
- 219swiss-designzeke/swiss-design-skillSwiss design system skill focused on grid discipline, typography hierarchy, and clean editorial interface composition.visual, typography138MIT
- 220react-router-framework-moderemix-run/agent-skillsReact Router framework-mode patterns for loaders, actions, middleware, route modules, and full-stack rendering flows.frontend, architecture137MIT
- 221smooth-shadow-ringflornkm/shadow-pluginStyle elevated surfaces with smooth shadow ring utilities instead of combining borders or rings with shadows and creating double edges.visual, craft133MIT
- 222prefer-container-queriesflornkm/skillsEnforce Tailwind container queries over viewport breakpoints for responsive components. Use when writing or reviewing responsive Tailwind code, when a component needs to adapt to its available space (cards, sidebars, lists, panels, anything reused in different layouts), or when migrating sm:/md:/lg: classes to @container variants.frontend, systems107MIT
- 223webgl-componentsflornkm/skillsBuild small, always-on WebGL visuals (identity avatars, ambient orbs, glass and iridescent surfaces, animated textures) that ship inside a normal web app UI without wrecking performance, accessibility, SSR, or layout. Use whenever a shader-, GLSL-, or canvas-driven decorative element is added to a product UI, especially one rendered many times per page or per list; when reviewing or optimizing one; or when debugging one that renders blurry, aliased, all-black, or paints over the surrounding UI on machines without hardware acceleration.3d, performance107MIT
- 224slopbethehmo/slopkitRemove AI-writing tells from prose while preserving meaning, voice, and density during drafting, editing, or review.craft, taste98MIT
- 225accessibility-diffAccessLint/claude-marketplaceRegression check that diffs a live page's accessibility violations against a baseline from uncommitted changes or a branch.accessibility, testing93at source
- 226accessibility-scanAccessLint/claude-marketplaceRun the AccessLint rule engine against a live page and return a worklist of WCAG 2.2 violations grounded to DOM selectors and source locations.accessibility, testing93at source
- 232signal-geometryCaliCastle/skillsCreate sparse geometric illustrations and posters from concepts or briefs, using precise spatial systems, restrained contrast, and matte paper texture.visual, craft93MIT
- 233apply-design-systemedenspiekermann/SkillsReconnect an existing Figma design to published design system components instead of detached layers, local wrappers, or one-off assets.systems, craft64at source
- 234audit-design-systemedenspiekermann/SkillsAudit a Figma screen or component for design-system drift, including missing shared components, local overrides, and unbound tokens.systems, craft64at source
- 235transitions-devJakubantalik/transitions-devProduction-ready CSS transition patterns for web apps, with drop-in snippets for cards, modals, dropdowns, panels, and page transitions.motion, interaction43MIT
- 236slide-wrightarifszn/slide-wrightCreate beautiful, animated web presentations from a topic, rough notes, or an outline. Generates a custom theme and a short two-slide preview, then builds the full deck only once the user confirms the direction. Use when the user wants to make slides, a presentation, a talk deck, or a pitch deck.video, visual41MIT
- 23712-principles-of-animationraphaelsalaja/skillApply Disney's 12 animation principles to web interfaces to make motion feel natural, organic, and human.motion, interaction35at source
- 238generating-sounds-with-airaphaelsalaja/skillAudit Web Audio API code for procedural sound synthesis quality, UX decisions, and parameter best practices.interaction, testing35at source
- 244budgemillionco/skillsUse when making single-property CSS or Tailwind visual changes in Next.js App Router projects. Presents a floating control widget for live tuning before persisting.visual, tooling33MIT
- 245cc-figma-componentnvillapiano/component-contracts-figmaGenerate variable-bound Figma component sets from component-contract definitions after the token collections exist.systems, frontend32at source
- 246cc-figma-tokensnvillapiano/component-contracts-figmaBuild or update Figma Primitive and Semantic variable collections from component-contracts token files.systems, color32at source
- 247compact-landingDanilaa1/compact-landing-skillBuild compact premium landing pages with clear CTA hierarchy, quiet typography, and minimal visual noise.visual, craft31MIT
- 248sync-figma-tokenfirebenders/sync-figma-token-skillSync design tokens between code and Figma variables with drift reporting, approval gates, safe delta apply, and persisted reports.systems, color26at source
- 24960fps-animationiart-ai/web-animation-skillsWeb animation performance guidance for avoiding layout thrashing and reaching smooth 60/120fps motion with compositor-friendly techniques.motion, performance17MIT
- 250accessible-animationiart-ai/web-animation-skillsTiered reduced-motion patterns for CSS, GSAP, Framer Motion, Lenis, and other web animation systems.accessibility, motion17MIT
- 258rad-spacingnolanperk/rad-spacingApply hierarchical spacing variables across Figma layouts using proximity-based 4px and 8px increments from the file's library.systems, craft13at source
- 259balise-ux-writingmrstev3n/balise-skillsReviews, rewrites, creates, harmonizes, and implements user-centered interface copy across design files, screenshots, product specifications, source code, localization catalogs, prototypes, and rendered applications. Use for buttons, navigation, forms, errors, empty states, onboarding, confirmations, settings, consent, notifications, help, and system feedback while preserving product behavior, terminology, voice, accessibility, localization, legal meaning, component structure, and implementation constraints.craft, frontend11Apache-2.0
- 260deslopstephenturner/skillsRemove AI writing patterns from prose so drafts, edits, and reviews sound like a specific human wrote them.craft, taste8MIT
- 261linear-disciplinetjcages/linearKeep Linear tracking honest during development with search-before-create, lifecycle updates, and close-the-loop discipline.tooling, code-quality8MIT
- 262linear-finish-installtjcages/linearComplete Linear tracking installation by writing always-on rules and verifying Linear MCP authentication.tooling, architecture8MIT
- 267build-primitivePrototyperAI/prototyper-uiBuild foundational UI primitives from scratch with strong ARIA, keyboard, focus, and state handling.accessibility, interaction6MIT
- 268design-reviewSuperfuture/design-reviewRun a sharp, prioritized design critique of a UI — a URL, a screenshot/image, or a component file — covering visual hierarchy, typography, spacing, color & contrast, motion, component states, responsiveness, accessibility, and brand consistency. Returns findings ranked from blocking to polish, each with a specific fix; can optionally apply the fixes to code. Use when the user asks to review/critique a design, page, screen, component, or screenshot, or to check craft/accessibility before shipping.visual, craft4at source
- 269ramsrams/rams-aiReal-time design feedback skill focused on accessibility, spacing, typography, contrast, and component quality.visual, accessibility—at source