Agent skills

Frontend skills

Read straight from the source repositories, not from submitted listings. Every skill shows what it does, what is inside, where it came from — and whether attention around its source is actually growing.

Toolclaude-code 29,140codex 4,755cursor 3,111copilot 976windsurf 55cline 34
CategoryWorkflow & Productivity 4,979AI & Agents 3,037Data & Analytics 2,345Code Review & Quality 1,376Backend & API 1,244Security 1,194Design & Presentation 1,154Documentation 965Content & Marketing 916Testing & QA 777DevOps & Cloud 576Databases 550Frontend 469Business & Finance 328Media & Video 257Other 9,833
1,015 found
769816 · page 17 / 22
mailtrap-managing-contactsManage Mailtrap contacts, lists, segments, custom fields, imports, CRM syncs, and campaign audiences through the UI or API.sickn33make-interfaces-feel-betterApply concrete design-engineering details that make interfaces feel polished. Use when reviewing or improving UI spacing…mturacmakepad-skillsMakepad UI development skills for Rust apps: setup, patterns, shaders, packaging, and troubleshooting.sickn33markstream-angularIntegrate the alpha markstream-angular renderer into Angular 20+ applications with standalone components, signals, safe HTML…sickn33markstream-nuxtIntegrate markstream-vue into Nuxt 3 or 4 with SSR-safe client boundaries, renderer modes, explicit CSS, and browser-only…sickn33markstream-reactIntegrate the beta markstream-react renderer into React 18+ or Next.js with correct client/server entrypoints, CSS, streaming…sickn33markstream-svelteIntegrate the beta markstream-svelte renderer into Svelte 5 or SvelteKit with runes, explicit CSS, smooth streaming, workers, and…sickn33markstream-vueIntegrate markstream-vue into plain Vue 3 with renderer modes, code and DOM choices, streaming state, virtualization, optional…sickn33markstream-vue2-cliIntegrate markstream-vue2 into Vue CLI or Webpack 4 with export-map-safe CSS, CDN worker fallbacks, and conservative code-block…sickn33markstream-vue2Integrate markstream-vue2 into Vue 2.6 or 2.7 with correct Composition API decisions, CSS, streaming state, optional peers, and…sickn33markstream-vue2-viteIntegrate markstream-vue2 into Vue 2 plus Vite with bundled worker imports, CSS ordering, Composition API compatibility, and safe…sickn33meal-prep-osTurn what's actually in the fridge and 90 minutes on Sunday into a week that mostly feeds itself — a cook-once-eat-thrice batch…mohitagw15856metabase_ingestConvert Metabase questions, models, and metrics into ktx Semantic Layer source definitions. Covers result-metadata to KSL column…Kaeliomicrocopy-writerWrite the small UI text that guides users — buttons, labels, tooltips, CTAs, confirmations. Use when asked to write microcopy…mohitagw15856minimalist-uiClean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients…Leonxlnxminimalist-uiUse when creating clean editorial interfaces with warm monochrome palettes, crisp borders, restrained motion, and flat bento…sickn33minutes-seo-wavePlan, build, and review one evidence-backed SEO content wave for the Minutes site, including SERP research, page inventory…silversteinmobile-developerDevelop React Native, Flutter, or native mobile apps with modern architecture patterns. Masters cross-platform development…sickn33mobile-developmentMobile development patterns for React Native and Flutter including navigation, state management, and responsive designrohitg00mobile-gui-automationAutomate mobile GUI testing — UI element interaction, gesture simulation, and cross-device visual regression for iOS and Android.a5c-aiwritesmock-spec-extractorExtracts design specifications from mock images including colors, typography, spacing, and component detailsa5c-aiwritesmodalLobeHub imperative modal conventions. Use when creating or migrating modals, dialogs, popups, confirm flows, ModalHost wiring…lobehubModular Game Architecture RefactoringRefactor game code into a modular, component-based architecture using specific design patterns (Observer, Strategy, Command) and…ECNU-ICALKmonochromatic-uiWeb and App implementation guide for Monochromatic UI. Trigger when user wants a single-color palette, high elegance, and strict…sickn33motion-advancedAdvanced motion patterns for React / Next.js — drag & drop, gestures, text animations, SVG path drawing, custom hooks, imperative…mturacmotion-foundationsMotion tokens, spring presets, performance rules, device adaptation, accessibility enforcement, and SSR safety for React /…mturacmotion-patternsProduction-ready animation patterns for React / Next.js — button, modal, toast, stagger, page transitions, exit animations…mturacmotion-uiProduction-ready UI motion system for React/Next.js. Use when implementing animations, transitions, or motion patterns.mturacmsstore-cliMicrosoft Store Developer CLI (msstore) for publishing Windows applications to the Microsoft Store. Use when asked to configure…githubНастройка MUI Tooltip для отображения внутри контейнера таблицыНастройка компонента Tooltip в Material-UI так, чтобы он не выходил за границы прокручиваемой таблицы или контейнера при…ECNU-ICALKmyagents-cli你正在 MyAgents 这款 AI 产品里运行——MyAgents 自带一套"产品能力"(定时任务、任务中心、想法收集、MCP 工具接入、 模型 Provider、IM Bot 渠道、社区插件、Skills 安装、MyAgents Cloud…hAcKlycNarrative Product Description from Structured SpecsTransforms a list of structured product component specifications into a cohesive, creative, and descriptive narrative using…ECNU-ICALKneumorphismWeb and App implementation guide for Neumorphism (Soft UI). Trigger when user wants soft shadows, extruded appearance, and light…sickn33nextjs-patternsNext.js best practices, server components, app router patterns, caching strategies, and full-stack architecturecosmicstack-labsobserval-registrySubmit, browse, install, edit, archive, restore, transfer, and version MCPs, skills, hooks, prompts, and sandboxes in the…Observaloiloil-ui-ux-guideModern, clean UI/UX guidance + review skill. Use when you need actionable UX/UI recommendations, design principles, or a design…davepoonopen-graph-creatorCreate open graph creator operations. Auto-activating skill for Frontend Development. Triggers on: open graph creator, open graph…jeremylongshorewritesParse and Display Storyline File with Custom SyntaxDevelops JavaScript code to fetch, parse, and display a storyline file containing text lines with durations, optional flags (like…ECNU-ICALKpeekabooCapture and automate macOS UI with the Peekaboo CLI.Health-YangpeekabooCapture and automate macOS UI with the Peekaboo CLI.SafeAI-Lab-Xperf-astroAstro-specific performance optimizations for 95+ Lighthouse scores. Covers critical CSS inlining, compression, font loading, and…tech-leads-clubperformance-lighthouse-runnerManage performance lighthouse runner operations. Auto-activating skill for Frontend Development. Triggers on: performance…jeremylongshorewritesperformance-optimizationOptimizes application performance across frontend, backend, queries, and databases. Use when performance requirements exist, when…addyosmanipersona-core-workflow-aBuild a complete KYC verification flow with Persona inquiries and embedded UI. Use when implementing identity verification…jeremylongshorewritespierre-guardGuard against breaking the @pierre/diffs integration in Plannotator's code review UI. Use this skill whenever modifying…backnotproppinia-store-setupConfigure pinia store setup operations. Auto-activating skill for Frontend Development. Triggers on: pinia store setup, pinia…jeremylongshorewritesplan-design-reviewSenior Designer review: rates each design dimension 0-10, explains what a 10 looks like, and flags AI Slop signals. Useful as a…nexu-ioplannotator-reviewOpen Plannotator's browser-based code review UI for the current worktree or a pull request URL, then act on the feedback that…backnotprop
← Prev17 / 22Next →
How the catalog works
What is an agent skill?

A folder with a SKILL.md inside — instructions, and often scripts and assets, that an AI agent loads when the task matches. Claude Code, Codex, Cursor and Copilot all read the same format, so one skill usually works across them.

Where does this catalog come from?

We read 660 source repositories straight from their file trees rather than from submitted listings — what you see is what is actually published. 98 repositories were rejected because they advertise skills but contain none: link lists, not folders.

Why is there no install counter?

Because install counts live in the registry that serves `npx skills add`, and that is not ours — publishing a number we cannot verify would be worse than showing none. Instead we show where a skill comes from and whether attention around its source is actually growing, measured from our own weekly snapshots.

Do you deduplicate?

Yes, and it matters more than expected. Aggregator repositories republish the same skill in several places — one source carried 6,317 SKILL.md files for 2,001 actual skills. We collapse by folder name and keep the canonical copy, so the catalog counts things, not copies.

Keep going