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.

templateclaw

1609

jeromwolf/templateclaw

Plugin Claude Code

Bundles 7 skills · 287 tokens together

32 production-ready templates as Claude Code skills. Landing pages, dashboards, UI components, project setup, dev methodology, refactoring checklists. Type /templateclaw to scaffold any project.

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

apple-design

1610

samuelpatro/.claude

Skill Claude Code

Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading)…

not rated 3 2mo ago A 80 tokens

web-engineer

1611

eduairet/claude-font-proofer

Agent Claude Code

Builds dependency-free vanilla HTML/CSS/JS webfont test pages inside web-tests/ — no frameworks, no build step. Based on the detected font characteristics it first asks the user which tests they want (variable-axis sliders, font-size slider, OpenType feature toggles, kerning on/off, script/language switching…

not rated 3 4mo ago A 97 tokens original MIT

animation

1612

dkadts/landing-kit-building

Skill Claude Code

Interactive motion brief. Six-section survey (page-load, scroll, text, blocks, micro-interactions, intensity) driven by the user's references from references/animation/ and references/motion/. Outputs brief/animation.md and appends motion tokens to DESIGN-LOCK §5. /build enforces the resulting animations as required…

not rated 3 +1 2mo ago A 68 tokens original MIT

svelte-edge

1613

fifidayone/svelte-edge

Skill Claude CodeCodex

Future-first, self-sustaining guidance for writing modern Svelte 5 and SvelteKit 3 (current) / SvelteKit 2 (legacy) code. Use this skill whenever the user asks about Svelte, SvelteKit, or frontend code that is clearly Svelte. Contains embedded protocols for autonomous major version promotion and experimental feature…

not rated 3 changed 1mo ago A 78 tokens original MIT

wireframe-generator

1614

imamirezaei/Product-Team-Claude-Skills

Skill Claude CodeCodex

Use this skill to generate interactive HTML wireframes showing a feature in multiple states AND multiple interaction pattern variants. Triggers: 'show me what this looks like', 'generate a wireframe', 'I want to see all the states', 'show me different ways to implement this', 'make a visual prototype of the flow'…

not rated 3 4mo ago A 95 tokens

gacha-ui

1615

fade2373/gacha-ui

Skill Codex

Explore UI directions by generating several genuinely-different real-data HTML mockups in parallel, serving them so the user picks side-by-side, distilling each pick into locked constraints, and narrowing round by round until approved — then landing the winner in the real stack and refining. Use when the user wants to…

not rated 3 4mo ago A 221 tokens original MIT

clawenable

1616

ClawEnable/html-artifact-best-practices

Plugin Claude Code

Bundles 1 skill · 62 tokens together

Produces, reviews, and improves standalone single-file HTML artifacts using vanilla HTML, inline CSS, and vanilla JS — no frameworks or CDN. Use for: comparison matrices, interactive dashboards, timeline roadmaps, review surfaces, visual explainers.

not rated 3 5mo ago A tokens not measured original Apache-2.0

jordnlvr/MendixToolkit

Skill Claude CodeCodex

GATED WRITE. Clone an existing well-built Mendix page (ideally a gold page) to a new name with optional entity rebinding, via the mxcli MDL round-trip. Routes through the shadow-write engine (7 safety pillars; live .mpr untouched until atomic swap). Pre-classifies the source page as SIMPLE / COMPLEX / UNCLONEABLE…

not rated 3 5mo ago A 146 tokens

heroui-react

1618

kimosahy/railroaded

MCP server Claude CodeCodexCursor +2

MCP server for HeroUI component documentation via Model Context Protocol. Runs locally from the @heroui/react-mcp npm package.

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

muxy-extension

1619

tofunori/atelier-studio

Skill Claude CodeCodex

Best-practice guide for authoring a Muxy extension — how it should look and behave so it reads as a native part of the app. Covers theming (follow the theme, never hardcode colors), the sizing scale, and which surface to use. Mechanics (manifest fields, permissions, the window.muxy API) live in the linked docs.

not rated 3 4d ago A 77 tokens original MIT

aashwindev/convergence

Skill Claude CodeCodex

Extend this cloned Helios example app — add new controls, scenes, knobs, image flows, or features on top of @reactor-models/helios (pinned to ^0.9.0) without breaking the patterns the existing code already uses. Covers the SDK's connection / events / messages model, the phase-based UI architecture, the state snapshot…

not rated 3 3mo ago A 122 tokens

sveltekit-tauri

1621

0tomi/skills

Skill Claude CodeCodex needs its repo

SvelteKit frontend patterns for Tauri desktop apps. Use when writing Svelte components, pages, layouts, load functions, or routing in a Tauri project. Triggers on .svelte files, +page, +layout, +server, load function, SvelteKit, adapter, SSR, prerender. Complements the tauri-v2 skill (Rust backend); this skill owns…

not rated 3 8d ago A 89 tokens original MIT

shipengqi-skills

1622

shipengqi/skills

Plugin Claude Code

Bundles 7 skills · 455 tokens together

Engineering best-practice skills for Go, TypeScript, Python, React, Angular — covering architecture, error handling, logging, testing, HTTP frameworks, async patterns, forms, and state management.

not rated 3 changed 1mo ago A tokens not measured

ux-review

1623

eq1024/skills

Skill Claude CodeCodex

A user-experience review for changed front-end pages and components. User experience means how clear, usable, and responsive an interface feels.

not rated 3 1mo ago A 85 tokens

webkit-form

1624

aziontech/webkit

Skill Claude CodeCodex

Accessible forms on @aziontech/webkit — one Form Layout spacing reference (xs inside a field, lg between fields/rows) shared by five form types (Drawer, nested Drawer, Dialog, ItemGroup settings, CardBox with independent saves) that differ only in container + save model, with two internal layouts (Cards + ItemGroups /…

not rated 3 changed 14d ago A 172 tokens original MIT

startup

1625

script-development/claude

Skill Claude Code

Full project setup for Laravel + Vue + MinIO projects: starts the Docker services (Redis, MinIO, optional MySQL), creates .env files, then runs backend, frontend, and MCP setup in parallel. Supports multiple worktrees with automatic port assignment.

not rated 3 changed 2mo ago A 54 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 3 1mo ago 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 3 7mo ago A 54 tokens

canvas-optimize

1628

guyulong/cn-agent-skills

Skill Claude CodeCodex

A guide to improving the drawing performance of HTML5 Canvas, the browser technology used to render 2D graphics and games.

not rated 3 5mo ago A 10 tokens original MIT

gyh333/element-plus-vue3-skill

Skill Codex

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 3 4mo 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 3 +1 3mo ago A 69 tokens

skill-tailwind

1631

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 3 4mo ago A 194 tokens original MIT

tidyfactor-cinematic

1632

TidyFactor/Cinematic

Skill Claude CodeCodex

TidyFactor Cinematic track — builds single-file, scroll-driven luxury landing pages (Apple x Cartier aesthetic) as one index.html with CDN-only libraries (GSAP, Lenis, Tailwind), no build step, no framework. The product "film" is a JPG frame-sequence drawn on canvas and scrubbed by scroll, not a scrubbed video…

not rated 3 13d ago A 324 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: