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.

landing-page-craft

1537

divyanshu-iitian/agent-website-design-skills

Skill Codex

Design, implement, or improve a distinctive, conversion-focused landing page or marketing website. Use for homepages, product pages, launch pages, portfolios, pricing pages, waitlists, campaign pages, and other flows that must explain an offer, establish trust, and guide a measurable next action.

not rated 4 2mo ago A 63 tokens original MIT

atelier

1538

jangles-byte/atelier

Plugin Claude Code

Bundles 7 skills · 966 tokens together

Generative animation for Claude Code — flow fields, physarum, strange attractors, boids, reaction-diffusion, domain warping; GPU/WebGL2 GPGPU and raymarched SDFs; density-to-tone mapping, post-processing and art direction. Parameters are machine-verified, and a bundled capture script records the running result so the…

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

no-ai-slop

1539

claudiusararu/unslop-ui-skill

Skill Claude Code

Use when building, generating, or reviewing UI for a website, web app, or mobile app to make it look intentionally designed rather than AI-generated. Removes the common AI/template "tells" (default fonts like Inter/Geist, indigo and purple-blue gradients, cream backgrounds, grey low-contrast text, pill/eyebrow over…

not rated 5 +2 4mo ago A 131 tokens original MIT

app-autonome

1540

YannCarbo/App-Autonome

Skill Claude CodeCodex

Turns an idea, a need, or a prototype into a self-contained web tool.

not rated 4 1mo ago A 22 tokens original MIT

lecture-deck-kit

1542

parkjui92/lecture-deck-kit

Plugin Claude Code

Bundles 3 skills · 789 tokens together

A plugin for building and editing self-contained HTML lecture slide decks in a browser. It lets you select text on a slide and describe the change in chat.

not rated 4 28d ago A tokens not measured original MIT

thomascasali/claude-kb-workflow

Skill Claude CodeCodex

Crea presentazioni interattive per lezioni scolastiche ITIS usando React via CDN, dark theme, simulatori interattivi, e quiz. Due approcci consolidati: CDN-based (zero build, HTML puri) e Build-based (Vite+TS+Tailwind). Deploy su GitHub Pages. Progetto di riferimento: presentazione-vpn (Mar 2026).

not rated 4 yesterday A 0 tokens original

snowflake

1544

aemcoder/skills

Skill Claude Code

Convert an AI-generated static HTML page (Stardust, Mobirise, Relume, Lovable, v0, Figma-derived hand-coded, etc.) into an Adobe Edge Delivery Services page that preserves the original DOM byte-for-byte while making the text and image content authorable in Document Authoring. Triggers on "convert this page to EDS"…

not rated 4 2mo ago A 94 tokens original Apache-2.0

senior-frontend

1545

EmersonBraun/skills

Skill Claude CodeCodex

The ultimate frontend design and development skill. Creates production-ready, pixel-perfect web interfaces with Next.js + Tailwind + shadcn/ui. Combines design thinking, UX best practices, accessibility, animation, and real design system patterns inspired by the best sites on the web. Invoked explicitly via…

not rated 4 7mo ago A 168 tokens original MIT

motion-ui

1546

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 4 changed 2mo ago A 85 tokens original MIT

tanstack-query

1547

AbdulmalekAlshugaa/claude-agents-fullstack

Skill Claude CodeCodex needs its repo

The data layer for every app - TanStack Query v5 for all client-side reads and writes. queryOptions/mutationOptions factories, query key design, Next.js App Router prefetch + hydration, mutations, invalidation, and optimistic updates. Use whenever a component reads data, writes data, or a cache goes stale.

not rated 4 changed 2mo ago A 69 tokens original MIT

ds-to-code

1548

mariqcl/design-system-skills

Skill Claude CodeCodex

Guia designers sem experiência em código desde a instalação do Storybook até visualizar componentes do Figma funcionando como um catálogo interativo. Use esta skill quando o designer chamar explicitamente com /ds-to-code ou pedir para iniciar o fluxo de configuração do Storybook com o Figma.

not rated 4 3mo ago A 60 tokens original MIT

yuri-semenenko/ai-engineering-workspace

Skill Claude Code

Web performance checklist — Core Web Vitals (LCP/INP/CLS), TTFB, frontend levers (JS/CSS/fonts/images/network/rendering), backend (DB N+1, API latency, caching). Use when optimizing performance, diagnosing a slow page or unresponsive interaction, setting a performance budget, or reviewing a perf-sensitive change.

not rated 4 changed 5d ago A 77 tokens original MIT

website-studio

1551

Do-fei/website-studio-skill

Skill Codex

Plans, designs, builds, validates, and prepares polished responsive websites and lightweight web apps from brief through hosting handoff. Use when creating or redesigning a landing page, portfolio, editorial site, knowledge hub, directory, dashboard, portal, tracker, internal tool, microsite, or small web app…

not rated 4 3mo ago A 89 tokens original MIT

fluid

1552

Darcos-Loft/fluid

Plugin Claude Code

Bundles 6 skills · 435 tokens together

6 skills, 108 palettes, 53 styles, 14 layouts, a 29-rule detector, and one house motion language. The opposite of generic AI slop.

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

socialforge

1553

moses607/socialforge

Plugin Claude Code

Bundles 20 skills · 2,154 tokens together

17 composable social-media growth skills + an orchestrator. Analyze competitors, nail your audience, generate hooks and scripts, repurpose one video into 30+, ride trends, boost engagement, and adapt across every platform. Works with Claude and any capable model.

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

react-best-practices

1554

kevinaimonster/skill-hub

Skill Claude Code

A collection of recommended practices for React, a JavaScript library for building user interfaces. It covers ways to avoid request delays and place asynchronous work and Suspense boundaries effectively.

not rated 4 7mo ago A 0 tokens

design-taste-frontend

1555

halflifezyf2680/Skill-Shelf

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 4 2mo ago A 61 tokens

motion-pages

1556

jiangyurong609/motion-pages

Plugin Claude Code

Bundles 1 skill · 252 tokens together

Award-site motion pages from one prompt — Three.js worlds, liquid-glass shader typography, springy poster walls. Single-file, screenshot-verified.

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

mozaic-css-utilities

1557

MerzoukeMansouri/adeo-mozaic-mcp

Skill Claude Code

Mozaic CSS utility classes and layout systems expert. Master Flexy grid, Container, Margin, Padding, Ratio, and Scroll utilities for responsive layouts without writing custom CSS.

not rated 4 1mo ago A 42 tokens

gravity-ui/skills

Skill Claude CodeCodex

Instructions for upgrading the Gravity UI component library from version 7 to version 8 in an application or reusable package. They cover checking the project, finding affected code, making decisions, and verifying behavior beyond compilation.

not rated 4 3d ago A 0 tokens original MIT

stunning-landing-page

1559

rgzn7/stunning-landing-page

Skill Codex

A guide for building single-page landing pages, portfolio sites, product homepages, and promotional websites with animated scrolling and interactive effects.

not rated 3 4mo ago A 181 tokens original MIT

shadcn-ui

1560

dazeb/ai-project-setup-script

Cursor rule Cursor

This project includes the following components in @/components/ui (shadcn/ui + custom extensions), all compatible with Vite + React.

not rated 3 1y ago A 2,972 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: