Frontend

19,384 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.

senior-frontend

361

yezannnnn/agentGroup

Skill Claude CodeCodex

Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. Use when building React components, optimizing Next.js performance, analyzing bundle sizes, scaffolding frontend projects, implementing accessibility, or reviewing frontend code quality.

not rated 149 3mo ago A 52 tokens original MIT

awesome-design-html

362

yzfly/awesome-design-html

Skill Claude CodeCodex

A collection of 118 single-page HTML design references, including a Chinese Traditional Colors swatch page and 96 examples of marketing websites.

not rated 145 +3 2mo ago A 405 tokens

pretty-page

363

alexknowshtml/claude-skills

Skill Claude CodeCodex

Convert markdown to a beautifully styled, shareable HTML page and upload to S3-compatible storage.

not rated 145 +3 2mo ago A 21 tokens

animate-text

364

pixel-point/animate-text

Skill Claude CodeCodex

Curated text animation catalog with exact JSON specs for headings, labels, counters, and text swaps. Use when an agent needs to pick or translate named effects like soft blur in, typewriter, shared axis, line reveal, stagger, crossfade, or kinetic builds into WAAPI, Motion, Framer Motion, GSAP, CSS, Lottie, Rive, or…

not rated 145 4mo ago A Socket: passSnyk: pass 81 tokens

html-anything

365

clockless-org/html-anything

Skill Claude Code

Turn rich agent answers and any file, folder, URL, or export into a polished single-file HTML page. Auto-picks a default route plus 17 concrete design systems (teaching, dashboard, atlas, timeline-story, document, …).

not rated 144 3mo ago A 53 tokens MIT-0

maplibre-tile-sources

366

maplibre/maplibre-agent-skills

Skill Claude CodeCodex

How to choose and configure data sources for MapLibre GL JS — rendering your own data without tiles, hosted tile services, serverless PMTiles, self-hosted tile servers, tile schemas, and sprites.

not rated 146 +2 yesterday A Socket: passSnyk: warn 49 tokens

design-taste-frontend

367

dmae97/omk

Skill Claude CodeCodex

Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.

not rated 143 +1 yesterday A 61 tokens

svelte

368

aker-dev/microfolio

MCP server Claude CodeCodexCursor +2

The CLI version of the Svelte MCP. Runs locally from the @sveltejs/mcp npm package.

not rated 143 +1 12d ago A tokens not measured original MIT

color

369

innei-template/smart-webapp-template

Cursor rule Cursor

You should use @https://github.com/Innei/Pastel Pastel color system with kawaii-inspired OKLCH colors and TailwindCSS v4 integration.

not rated 142 11d ago A 3 tokens original MIT

web-design

370

drewnekota/cetus

Skill Claude CodeCodex

Use when building any web page, HTML artifact, landing page, dashboard, slide deck, report, email, or UI component the user will look at. A taste-first design system that makes generated pages look intentional and crafted instead of generic "AI-made". Provides an aesthetic-direction process, design tokens, a starter…

not rated 142 today A SkillSpector: pass 80 tokens original MIT

html-artifacts

371

dogum/html-artifacts

Skill Claude CodeCodex

Produce a self-contained HTML artifact instead of a markdown document when the request is for content that benefits from spatial layout, color, real diagrams, interactivity, or a round-trip editor. Use this skill aggressively whenever the user asks for a "doc," "writeup," "plan," "spec," "report," "explainer,"…

not rated 142 +2 4mo ago A 222 tokens original Apache-2.0

servo-fetch

372

konippi/servo-fetch

Skill Claude CodeCodex needs its repo

Fetch and render web pages using the Servo browser engine — a single binary with JS execution, CSS layout, screenshots, and content extraction. Use when a URL returns empty or incomplete content with plain HTTP fetch, when you need a screenshot without GPU, or when you need to run JavaScript in a page context. No…

not rated 144 +1 changed 3d ago A SkillSpector: warn 70 tokens original Apache-2.0

react-artifact

373

juspay/xyne-spaces

Skill Claude CodeCodex

Author app-like designs in React/JSX and bundle them in-sandbox into the same single self-contained HTML artifact Design Studio delivers. Use when the design needs real state, complex interactivity, or component reuse beyond what vanilla JS comfortably handles.

not rated 143 +1 today A SkillSpector: warn 53 tokens original Apache-2.0

antd

374

shuyu-labs/Text2Sql.Net

Cursor rule Cursor

A set of guidance for improving user interfaces built with Blazor and the Ant Design Blazor component library. Blazor is a Microsoft framework for building web interfaces with .NET, while Ant Design Blazor provides reusable interface components.

not rated 141 +1 10mo ago A 0 tokens original Apache-2.0

seo-landing

375

aleksandr-alhoff/seo-landing

Skill Claude CodeCodex

Generates fast, SEO-optimized static HTML landing pages targeting 100/100 PageSpeed (LCP < 2.5s, INP < 100ms, CLS < 0.1), full schema.org JSON-LD, AVIF images, critical CSS, zero external dependencies. Use when: user asks to create/build/generate a landing page, one-pager, or static site with focus on SEO, speed, or…

not rated 145 +21 8d ago A 122 tokens original MIT

instructa/agent-skills

Skill Claude CodeCodex

Build, critique, and iterate high-converting marketing or product landing pages using React + Vite + TypeScript + Tailwind and shadcn/ui components, with all icons sourced from Iconify. Use when the user asks for a landing page, sales page, signup page, CRO improvements, above-the-fold vs below-the-fold structure…

not rated 141 17d ago A 95 tokens

maquina-ui-standards

377

maquina-app/maquina_components

Skill Claude CodeCodex

Build consistent, accessible UIs in Rails using maquinacomponents. Use this skill when implementing UI for features, creating views, building forms, or reviewing UI specs. Triggers on view creation, UI implementation, form building, layout design, or mentions of maquinacomponents usage.

not rated 140 20d ago A SkillSpector: warn 61 tokens original MIT

mcp

378

webflow/mcp-server

MCP server Claude CodeCodexCursor +2

AI-powered design and management for Webflow Sites. Remote server at mcp.webflow.com.

not rated 139 +1 3mo ago A tokens not measured original MIT

remix-run/agent-skills

Skill Claude CodeCodex

Build full-stack React applications using React Router's framework mode. Use when configuring routes, working with loaders and actions, handling forms, handling navigation, pending/optimistic UI, error boundaries, or working with react-router.config.ts or other react router conventions.

not rated 137 2mo ago A Socket: passSnyk: pass 56 tokens original MIT archived

IgniteUI/igniteui-cli

Skill Claude Code

Identify and select the right Ignite UI Web Components for your app UI, then navigate to official docs, usage examples, and API references.

not rated 136 3d ago A SkillSpector: pass 34 tokens original MIT

dodo-reach/hermes-link-curator

Skill Claude CodeCodex needs its repo

Maintain and debug the link-curator web dashboard (port 8090). Separate process from the official Hermes dashboard.

not rated 136 +1 3mo ago A 28 tokens original MIT

fredm00n/framerlabs

Skill Claude CodeCodex

Create Framer Code Components and Code Overrides. Use when building custom React components for Framer, writing Code Overrides (HOCs) to modify canvas elements, implementing property controls, working with Framer Motion animations, handling WebGL/shaders in Framer, or debugging Framer-specific issues like hydration…

not rated 134 1mo ago A Socket: passSnyk: passSkillSpector: pass 71 tokens original MIT

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: