Frontend

20,540 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.

naive-ui

841

Sepush/naive-ui-skills

Skill Claude CodeCodex

Use when working with naive-ui components, or troubleshooting naive-ui usage issues.

not rated 23 +1 8mo ago A Socket: passSnyk: pass 19 tokens original MIT

frontend-design

842

yrris/pro-agent

Skill Claude CodeCodex

A tool for generating a complete single-file web page, such as a landing page, dashboard, form, or prototype. The output is a self-contained site.html file that can be previewed.

not rated 23 3mo ago A 38 tokens

ai-agents-ui-skills

843

gocallum/nextjs16-agent-skills

Skill Claude CodeCodex

Comprehensive guide for building AI agents using ToolLoopAgent, workflow patterns, and AI SDK UI components (useChat, generative UIs, tool calling).

not rated 23 9mo ago A 32 tokens

react-navigation/skills

Skill Codex

Migrate React Navigation 7.x or 8.x navigators from JSX-based Dynamic API Navigator and Screen elements to Static API object configuration. Use when converting React Navigation screen trees, static navigation containers, nested navigators, groups, linking/deep-link config, render callbacks, getComponent screens…

not rated 23 4mo ago A 83 tokens

accessible-by-default

845

ThomasSweet/a11y-foundation

Skill Claude CodeCodex

Build web UI that is accessible through the platform instead of patched with ARIA and JavaScript. Use when writing or reviewing HTML and CSS for any web interface - choosing between a native element and a hand-built component, styling focus, honouring user preferences such as reduced motion or forced colors, meeting…

not rated 23 changed 25d ago A SkillSpector: pass 82 tokens original MIT

inspecto-dev/inspecto

Skill Codex

Use when Codex should install or set up Inspecto in the current frontend project through the shared onboarding workflow.

not rated 23 +1 2mo ago A SkillSpector: warn 30 tokens original MIT

web-visuals

847

siimvene/SwarmOps

Skill Claude CodeCodex

Generate emotionally resonant, production-grade web pages and interfaces with extraordinary visual beauty. Trigger this skill when the user says "start building" a web page, landing page, portfolio, app UI, or any web interface where visual excellence is the primary goal. Also trigger on phrases like "make it…

not rated 23 9mo ago A 142 tokens original MIT

remix

848

pi0/vite-plugin-remix3

Skill Claude CodeCodex needs its repo

Build and review Remix 3 applications using the remix npm package and subpath imports. Use when working on Remix app structure, routes, controllers, middleware, validation, data access, auth, sessions, file uploads, server setup, UI components, hydration, navigation, or tests.

not rated 23 6mo ago A 62 tokens copy · 86% MIT

shadcn

849

kston83/react-ai-template

Skill Claude CodeCodex

Complete shadcn/ui component management for adding, searching, fixing, styling, and composing UI.

not rated 23 6mo ago A 24 tokens

website-creator

850

codeandbeans/website-creator

Skill Claude CodeCodex

Use this skill whenever the user wants to build, plan, redesign, or even just think through a website. This skill guides the full creation process — from initial discovery and competitive niche research all the way through site architecture, style guide, interactive localhost mockups, SEO copywriting, and schema…

not rated 23 7mo ago A 178 tokens

raqam

851

47vigen/raqam

Skill Claude CodeCodex

Teaches the raqam React number-input library — headless NumberField compound components, useNumberFieldState/useNumberField hooks, Intl presets, locale plugins (fa/ar/bn/hi/th), raqam/server formatting, validation, ScrubArea, accessibility, and form integration. Use when building or debugging currency/percent/unit…

not rated 23 5d ago A SkillSpector: pass 102 tokens original MIT

astro-strapi-starter

852

VirtusLab-Open-Source/astro-strapi-starter

Skill Claude CodeCodex

Develop and extend the Astro + Strapi starter: content.config with @sensinum/astro-strapi-loader, Strapi 5 data in Astro pages, StrapiBlocks, BlockRenderer, Tailwind 4, shadcn. Covers onboarding (copy upstream skills), slug/CMS routes, Astro i18n, package upgrades, optional Vitest. Types in src/types/strapi/ with a…

not rated 23 9d ago A SkillSpector: pass 90 tokens original MIT

unship

854

mbenhard/unship

Skill Claude CodeCodex

Compare agent-made alternatives in a local browser preview with Unship. Use for comparison setup, iteration, Canvas, selection, cleanup, and Unship installation or update troubleshooting.

not rated 23 changed 1mo ago A 37 tokens original MIT

mattbx/shadcn-skills

Skill Claude CodeCodex

Discover shadcn-compatible components and registries across the entire ecosystem before writing any custom UI. Use PROACTIVELY before building tables, forms, modals, animations, dashboards, auth pages, or any UI component. Use when the user says "find a component for...", "is there something for...", "search…

not rated 23 +1 6mo ago A Socket: warnSnyk: pass 155 tokens original MIT

juniors-best-practice

856

siberiacancode/agent-skills

Skill Claude CodeCodex

Juniors-focused React and TypeScript best practices. Use this skill when writing or reviewing code to enforce clear, consistent, and maintainable patterns across common scopes like React, TypeScript, styling, devtools, assets, and Git.

not rated 23 27d ago A SkillSpector: pass 55 tokens original MIT

ui-ux-pro-max

857

dekitproject/ux-ui-promax-skill

Plugin Claude Code

Bundles 7 skills · 717 tokens together

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing…

not rated 23 4mo ago A tokens not measured copy · 100% MIT

wirekit

858

pushery/wirekit

Cursor rule Cursor

WireKit component library conventions for AI tooling.

not rated 23 +2 changed 22d ago A 0 tokens original

iart-ai/kinetic-typography-skills

Plugin Claude Code

Bundles 1 skill · 95 tokens together

Kinetic typography skills for AI coding agents — animate headlines, stagger text reveals, and build lyric/title videos across CSS, GSAP, Framer Motion, and Remotion.

not rated 23 +1 4mo ago A tokens not measured original MIT

monodesign

860

monoes/monomind

Skill Claude Code needs its repo

Design, redesign, critique, audit or polish a frontend UI: landing pages, dashboards, components, forms; make it bolder or quieter; type, color, motion, a11y, design systems. Not for non-UI.

not rated 23 +1 today A 52 tokens original Apache-2.0

vercel

861

Elnora-AI/elnora-ai-agent-hackathon-starter-kit

Plugin Claude Code

Bundles 5 skills, 5 commands · 200 tokens together

Vercel platform management plus v0 — deploy, configure, monitor, and debug projects, and build UIs/apps with the v0 Platform API. Use when: deploy, vercel, v0, preview, production, logs, domains, environment variables, cron jobs.

not rated 22 3d ago A tokens not measured original Apache-2.0

astro-strapi-blocks

862

VirtusLab-Open-Source/astro-strapi-blocks

Skill Claude CodeCodex

Integrates @sensinum/astro-strapi-blocks with Strapi 5 Blocks fields in Astro: wiring data from API responses, theming with extend and overwrite, and custom block components. Use when adding or editing Strapi block rendering, rich text zones, or StrapiBlocks / theme configuration.

not rated 22 10d ago A 74 tokens original MIT

book-order-platform

863

eimg/book-order-platform-SKILL

Skill Claude CodeCodex

Implements a book order system with a Vite React storefront (React Router, TanStack Query) and an Express + Prisma + SQLite API: default pay-by-transfer flow with admin-reviewed payment proof, Cloudflare Turnstile on order submit, honeypot field, payment-proof upload with duplicate-image detection, 8-character receipt…

not rated 22 6mo ago A 148 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: