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
865912 · page 19 / 22
redux-slice-generatorGenerate redux slice generator operations. Auto-activating skill for Frontend Development. Triggers on: redux slice generator…jeremylongshorewritesref-hallucination-arenaBenchmark LLM reference recommendation capabilities by verifying every cited paper against Crossref, PubMed, arXiv, and DBLP.…agentscope-aiRefactor Globe Configuration to React PropsRefactor imperative three-globe configuration chains into a declarative React component using globe.gl that accepts visualization…ECNU-ICALKRefactor React Select to React-Select with Dark ThemeMigrates a native HTML select dropdown to the react-select library, applying a black background theme and handling the onChange…ECNU-ICALKremotionProgrammatic video creation with React. Useful for branded explainers, social cuts, dashboards-to-video, and reproducible motion…nexu-ioresponsive-breakpoint-analyzerAnalyze responsive breakpoint analyzer operations. Auto-activating skill for Frontend Development. Triggers on: responsive…jeremylongshorewritesresponsive-designResponsive web design patterns, mobile-first CSS, container queries, fluid typography, and accessibility-first layoutscosmicstack-labsResponsive Service Landing Page with Tailwind CSSGenerates a responsive, SEO-optimized landing page for service businesses using Tailwind CSS, featuring specific sections…ECNU-ICALKrule-researchDefine a precise React Doctor rule contract before implementation. Use when validating a rule idea, collecting official or…millioncorule-writingImplement React Doctor rules from a validated contract. Use when writing oxlint rules, planning syntax or control-flow detection…millioncorun-simulatorBuild, install, launch, and screenshot an iOS app in the Simulator to verify a change visually. Use when the user wants to run…rshankraswritesSAPUI5 Table Column Menu Inline Clear FilterCustomizes the sap.ui.table column menu to add an inline clear filter button next to the default filter input, ensuring the item…ECNU-ICALKSAPUI5 Tree Auto-Select Children and Expand ParentImplements logic for a sap.m.Tree control to automatically select all child nodes when a parent node is selected and ensure the…ECNU-ICALKSAPUI5 Tree Parent Selection Auto-Select Children and ExpandImplements logic for a sap.m.Tree control where selecting a parent node automatically selects all its child nodes and expands the…ECNU-ICALKschutzschrift-gegenangriff-ui-iconsWenn es um Schutzschrift Und Gegenangriff in designrecht-geschmacksmusterrecht geht: ordnet Sachverhalt, Norm, Beweislast…Klotzkettescienceworld-liquid-fillerThis skill fills a container with liquid from a source by first placing the container at the source, then activating the source…zjunlpscreenshot-teardownTear down a competitor's product from screenshots of its actual UI — onboarding, pricing page, core flows. Use when given…mohitagw15856senior-frontendFrontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. Use when building React components…composio-communityseo-meta-generatorGenerate seo meta generator operations. Auto-activating skill for Frontend Development. Triggers on: seo meta generator, seo meta…jeremylongshorewritesserver-componentsReact Server Components, Suspense boundaries, streaming SSR, partial prerendering patterns for Next.js App Router.vibeevalshadcn-uiBuild UI components with shadcn/ui. Pairs with the Stitch design loop to ship structured, accessible components quickly.nexu-ioshieldcn-badgesCreate polished shieldcn README badges, badge groups, charts, headers, sponsors grids, and full README hero sections. Use when a…jal-coshopify-appsExpert patterns for Shopify app development including Remix/React Router apps, embedded apps with App Bridge, webhook handling…sickn33Simple Slime Soccer Game GeneratorGenerates a simple Slime Soccer game clone using HTML, CSS, and JavaScript, focusing only on physics and movement without special…ECNU-ICALKSingle-line Centered HTML/SVG OutputFormats provided HTML/SVG code into a single-line string, centered using CSS, with strict constraints against newlines…ECNU-ICALKsingle_line_html_svg_generatorGenerates responses as a strict single-line HTML/CSS/SVG string acting as the Super Advanced Emotional NLP Generator (SAENG)…ECNU-ICALKSingle-line JavaScript Chessboard GeneratorGenerates an 8x8 chessboard with Unicode pieces using a single line of JavaScript code, adhering to strict syntax constraints (no…ECNU-ICALKgsd:sketchSketch UI/design ideas with throwaway HTML mockups, or propose what to sketch next (frontier mode)davepoonwritesskeuomorphismWeb and App implementation guide for Skeuomorphism. Trigger when user wants UI to mimic real-world objects, realistic textures…sickn33slack-automationAutomate Slack messaging, channel management, search, reactions, and threads via Rube MCP (Composio). Send messages, search…davepoonslackSlack tool actions: send/read/edit/delete messages, react, pin/unpin, list pins/reactions/emoji, member info.Health-YangslidesCreate and edit .pptx presentation decks with PptxGenJS. Useful for sales decks, kickoff briefs, and design-system showcases.nexu-ioSocial Group Description and Lingua-Cultural AnalysisAnalyzes a specific social group using a fixed 8-point demographic schema and V.I. Karasik's three-component lingua-cultural…ECNU-ICALKsoft-pastelWeb and App implementation guide for Soft Pastel Design. Trigger when user wants gentle colors, calming UI, baby/lifestyle…sickn33spatial-computing-uiWeb and App implementation guide for Spatial Computing UI. Trigger when user wants floating elements, environmental awareness…sickn33ss-componentGenerate a new UI component following the StyleSeed design conventionsbitjaruwritesss-feedbackAdd appropriate user feedback states (loading, success, error, empty) to a component or pagebitjaruwritesss-motionApply a named StyleSeed motion to a component — either one of the 5 personality seeds (Spring/Silk/Snap/Float/Pulse ×…bitjaruwritesss-patternGenerate a composed UI pattern from the active StyleSeed grammar and brand recipe using existing primitives.bitjaruwritesss-referenceCompile screenshots, URLs, Figma exports, or an existing UI into a project-local StyleSeed output grammar with evidence, tokens…bitjaruwritesss-reviewReview UI code for design system compliance, accessibility, and best practicesbitjaruss-verifyThe VISUAL gate — render a UI or visual artifact through its surface adapter, inspect the actual pixels, then fix and re-render…bitjaruwritesstate-machineModel complex UI behavior as finite state machines with states, events, and transitions.Owl-Listenerstate-managementModern frontend state management patterns, tools, architecture decisions, and scalability patternscosmicstack-labsstitch-loopIterative design-to-code feedback loop. Critique → adjust → ship cycle for tightening visual fidelity between brief and built UI.nexu-iostyled-components-helperConfigure with styled components helper operations. Auto-activating skill for Frontend Development. Triggers on: styled…jeremylongshorewritesstyleseed-design-reviewReviews UI/frontend code and tells you exactly why it "looks AI-generated" — then how to fix it. Use it when a…bitjarustyleseed-design-reviewReviews UI/frontend code and tells you exactly why it "looks AI-generated" — then how to fix it. Use it when a…sickn33
← Prev19 / 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