Frontend

19,567 mods in this category, of every kind an agent can take. Each one carries what it costs per session, what the scan found, and whether it is the original.

design-system

1705

xsovad06/sova

Skill Claude Code

Frontend design conventions for {{ projectname }} -- layout hierarchy, spacing, typography, anti-slop rules. Auto-activates when creating or modifying templates, CSS, or frontend components.

not rated 2 yesterday A 40 tokens original Apache-2.0

nextjs

1706

adilkalam/orca

Command Claude Code

OS 7.1 orchestrator entrypoint for Next.js frontend tasks.

not rated 2 1mo ago A 14 tokens original MIT

xcomponent

1707

nfour/xcomponent

Skill Claude Code

Use when building React components with @n4s/xcomponent, converting MobX observer/useEffect code to X, X.useState, Value, Value.Async, Value.Boxed, Value.Bool, lifecycle hooks, observable props, or component composition with .with().

not rated 2 1mo ago A 55 tokens

pto-design-system

1708

yinyucheng0601/pto-design-system

Skill Claude CodeCodex

A set of rules for building or changing PTO pages with shared layouts, design tokens, components, and patterns. A design system is a reusable collection of interface rules and building blocks.

not rated 2 2d ago A 64 tokens

HelenSong/AI-Explorer-Lab-skill

Skill Claude CodeCodex

Use when building AI Explorer Lab or AI+PBL course HTML pages that need a landing page, five module pages, and a certificate page with inquiry-based interactions and a consistent claymorphism visual system.

not rated 2 4mo ago A 49 tokens original MIT

literature-gallery

1710

newsun-boki/literature-gallery-skill

Skill Codex

Create and maintain lightweight static literature-management gallery websites for academic papers. Use when the user wants a paper library, literature gallery, research database frontend, paper cards with covers/teasers, tags such as year/venue/area/keywords, paper detail pages, real paper cover screenshots, or…

not rated 2 4mo ago A 69 tokens original MIT

playground-page-layout

1711

tbshiki/260704kansaiwordpressmeetup

Skill Codex

Use when Codex needs to create or update WordPress Playground fixed-page layouts, front page layouts, landing pages, or page block HTML without changing theme files. Triggers on requests for front page layout, page layout creation, block HTML page sections, setting a page as the homepage, publishing a layout to a…

not rated 2 2mo ago A 85 tokens

design-taste-frontend

1712

demoniksem/superpowers-hermes-skills

Skill Claude CodeCodex

Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration, and balanced design engineering.

not rated 2 3mo ago A 40 tokens

verygoodsecurity/collect-js-react

Skill Claude CodeCodex

Help VGS customers integrate, implement, migrate, troubleshoot, or review the public @vgs/collect-js-react wrapper. Use when users ask to add VGS Collect to React apps, create cards with Card Management Platform through VGSCollectSession, configure VGSCollectSession or VGSCollectForm, render secure React field…

not rated 2 today A 105 tokens original MIT

famzila/agent-skills-set

Skill Claude CodeCodex

Orchestrates the safe, reliable integration of third-party libraries (TailwindCSS, Angular Material, NgRx, etc.) into an Angular project. Generates and uses standardized llms.txt documentation files for accurate context and prevents hallucinated commands.

not rated 2 5mo ago A 54 tokens

a11y-audit-react

1715

vanessamarely/ai-playbook-reposito

Skill Claude CodeCodex

Audit React components for WCAG 2.2 compliance and suggest fixes. Use when the user wants an accessibility review of existing React component code (as opposed to running automated CI checks or building new components).

not rated 2 1mo ago A 48 tokens original MIT

ui-page-generation

1716

Staxing799/ui-page-generation-skills

Skill Claude CodeCodex

Orchestrate high-quality front-end page generation from short product prompts. Use when Codex needs a single main skill that coordinates UI structure, visual hierarchy, and natural product copy for landing pages, dashboards, app screens, workspaces, settings pages, analytics views, tables, and similar interfaces.

not rated 2 5mo ago A 63 tokens

lay-ui

1717

niharya/skills-drawer

Plugin Claude Code

Bundles 1 skill · 103 tokens together

Translates Figma designs into production-ready code using a three-station component-first workflow. Built for product designers and UI/UX designers. Requires the Figma MCP server.

not rated 2 2mo ago A tokens not measured original MIT

pengguogo/ai-coding-skills

Skill Claude CodeCodex

A coding workflow for implementing both back-end and front-end tasks from a shared task-splitting file. It follows each part of the existing project’s coding rules and labels AI-generated code.

not rated 2 1mo ago A 105 tokens

motion-ui

1720

VoTruongDanh/Skills-Agent

Cursor rule Cursor

Advanced Motion UI (AMUI) — Create clean, modern UI with subtle Framer Motion micro-interactions, clear states (idle/loading/success/error), consistent styling via design tokens, and smooth animations. Use when the user wants motion-rich, polished UI with micro-interactions. Triggers: motion, animation, framer motion…

not rated 2 changed 8d ago A 85 tokens original MIT

png2ico

1721

owenmorgan/claude-skills

Skill Claude Code

Generate favicon.ico and a complete icon set from a source PNG. Optimised for Next.js App Router but works for any web project.

not rated 2 5mo ago A 5 tokens original MIT

gyh333/element-plus-vue3-skill

Skill Claude CodeCodex

Build, modify, review, or troubleshoot production Vue 3 applications that use Element Plus. Use for Element Plus installation with pnpm-first setup, Vite auto-import configuration, component implementation, enterprise admin systems such as OA, MES, CRM, CMS, ERP, commerce/mall, forms, tables, dialogs, drawers…

not rated 2 2mo ago A 99 tokens original MIT

itsdishant/senior-angular-architect

Skill Claude CodeCodex

Senior Angular architecture guidance for enterprise Angular applications. Use when an AI agent needs to design, review, optimize, secure, test, migrate, or govern Angular applications, including standalone-first architecture, signals, RxJS, NgRx/ComponentStore, SSR, zoneless readiness, module boundaries, and…

not rated 2 1mo ago A 69 tokens

argon-router

1724

aiko-atami/effectorjs-skills

Skill Codex

Integrate and use argon-router in React web applications with Effector. Use when tasks involve creating routes and routers, wiring RouterControls/history adapters, composing routes with chainRoute/group/createVirtualRoute, rendering views with RouterProvider/createRoutesView/Outlet, building links with Link/useLink…

not rated 2 6mo ago A 76 tokens original MIT

skill-tailwind

1725

rekryt/skill-tailwind

Skill Claude CodeCodex needs its repo

Write, configure, migrate, and review modern Tailwind CSS v4 (CSS-first) in any stack or none — framework-agnostic, examples are plain HTML + CSS/SCSS. Use whenever setting up Tailwind, doing a v3->v4 migration (@tailwind->@import, JS config->@theme), defining a reusable design-token / color system + dark mode via…

not rated 2 2mo ago A 194 tokens original MIT

hbuilder-cli

1726

Pidbid/hbuilder-skills

Skill Codex

Assist HBuilderX and uni-app project development with the local HBuilderX CLI. Use when Codex or another AI agent needs to locate HBuilderX cli.exe from common Windows install paths, inspect uni-app or uni-app x projects, run or publish to Web/H5, mini program, App Android/iOS/Harmony targets, collect logs, list…

not rated 2 3mo ago A 98 tokens original MIT

claude-skills

1727

agustinkassis/claude-skills

Plugin Claude Code

Bundles 1 skill · 144 tokens together

Reusable Claude Code skills by Agustin Kassis. Currently ships: nostr-waitlist (scaffold an email + Nostr waitlist flow into Next.js).

not rated 2 4mo ago A tokens not measured original MIT

acid-interface-design

1728

Nagraj-13/Kanso-UI

Skill Claude CodeCodex

Implements "Architectural Constructional Interface Design" (ACID) — the dark, technical-blueprint/engineering-schematic UI aesthetic used by dev portfolios and component registries such as chanhdai.com (full-bleed hairline rules, diagonal-stripe section dividers, bordered panel grids with persistent vertical rail…

not rated 2 1mo ago A 251 tokens

At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: