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.

storefront-builder

1633

saleor/agent-skills

Skill Claude CodeCodex

Saleor storefront data + UX playbook. Covers GraphQL query design, channel handling, data contracts per surface (PLP/PDP/nav/pricing/availability/media), variant-selection UX, and Saleor-specific correctness rules. Framework-agnostic — agent inspects repo and applies conventions locally.

not rated 2 1mo ago A Socket: passSnyk: warn 63 tokens

web-animations

1634

williamjxj/friendshipdaycare

Skill Claude Code

Add animations to web components using Framer Motion, GSAP, CSS animations, and modern scroll effects. Use for: hero entrance animations, card hover effects, scroll progress indicators, staggered list animations, parallax scrolling, magnetic button effects, page transitions, scroll-triggered reveals, loading states…

not rated 2 16d ago A 72 tokens

react-to-beast

1635

phtn/beast

Skill Codex

Audit and port complete React applications to Beast BTSX → TSRX → Octane while preserving behavior, route contracts, and styling. Use for migrations from Vite, Create React App, React Router, TanStack Router, Remix, or Next.js. Tailwind is the default target; pure CSS is optional. Do not use for routine Beast…

not rated 2 15d ago A 81 tokens original ISC

scalekit-inc/skills

Skill Claude CodeCodex

Implements SaaSKit login in the Next.js App Router so an agent can add login, callback, session cookies, and logout. Use when the user wants SaaSKit Next.js or App Router auth. It does not write generic Node login (that's implement-saaskit) or write Django, FastAPI, or Flask auth (that's implement-saaskit-python).

not rated 2 5d ago A 84 tokens

search-engine-launch

1637

naphiertech/search-engine-launch

Skill Claude CodeCodex

Use when preparing, auditing, launching, or repairing a public website or web application for search-engine crawling, indexing, search identity, sitemaps, robots directives, metadata, structured data, Google Search Console, or Bing Webmaster Tools.

not rated 2 18d ago A 51 tokens original MIT

boweneos/ui-flow-agent-skills

Skill Claude CodeCodex

Analyze annotated UI screenshots and markdown documentation to generate agent-consumable UI flow specifications. Use when processing web app UI flows described via markdown + screenshots into structured, automation-ready knowledge.

not rated 2 8mo ago A 44 tokens original MIT

dioxus-fullstack

1639

qretaio/skills

Skill Claude CodeCodex

Comprehensive Dioxus 0.7 framework expertise for building modern fullstack applications with Rust. Use when working with Dioxus for web, desktop, or mobile app development, setting up projects, implementing state management, routing, data fetching, CSS-in-Rust styling, or integrating with backend APIs and databases.

not rated 2 6mo ago A 70 tokens original MIT

ai-native-ui-patterns

1641

me-cedric/agent-compass

Skill Claude CodeCodex

Build the UI for AI-native interfaces — streaming answers with citations, reasoning traces, tool-call chips, approval gates, agent task rows, prompt composers, confidence meters, proposed-diff tables. Use when implementing or reviewing any surface where a model or agent is the thing the user works with.

not rated 2 12d ago A 64 tokens

gacha-ui

1642

fade2373/gacha-ui

Skill Claude CodeCodex

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 2 2mo ago A 221 tokens original MIT

Lucas-Fong/html-report-stable-base

Skill Claude CodeCodex

Use when supplied content or an existing HTML report needs a stable editable browser shell in either long-screen single-page mode or 16:9 PPT mode, including global and per-element styling, ECharts canvas support, standalone HTML delivery, or optional PPTX export in PPT mode.

not rated 2 17d ago A 61 tokens original MIT

direct

1644

hraness/direct

Skill Codex

Use Hraness Direct to install, adopt, test, audit, or troubleshoot deterministic frontend and UI testing workbenches for web, React, React Native, and Expo. Trigger for repeatable signed-in, empty, loading, and error states; frontend fixtures and scenario URLs; strict JSON worlds; product-owned ports and adapters…

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

wa-builder

1645

choppawave-beep/web-architect

Agent Claude Code

Implements code from web-architect-plan.md, applying design tokens from MASTER.md. Produces working code files and a build report.

not rated 2 6mo ago A 30 tokens original MIT

lovable-design-system

1646

Mine77/lovable-design-skills

Skill Claude CodeCodex

Distinctive, production-grade frontend design with bold aesthetic direction, curated palette/typography/layout presets, and a structured design-direction flow. Use whenever building or refining UI (landing pages, product surfaces, marketing sites, dashboards) — especially when the brief is visual, broad, or "make it…

not rated 2 3mo ago A 0 tokens

syncfusion/flutter-ui-components-skills

Skill Claude CodeCodex

Implements Syncfusion Flutter DataGrid (SfDataGrid) for displaying and manipulating tabular data in Flutter applications. Use when working with data grids, data tables, or column-based data presentation using the syncfusionflutterdatagrid package. This skill covers DataGridSource, GridColumn configuration, sorting…

not rated 2 2mo ago A 77 tokens

formengine

1649

lukinov/ai-form-builder

Cursor rule Cursor

Generate FormEngine-shaped React forms from a screenshot, PDF, HTML, or text description. Use whenever the user asks to build, generate, scaffold, or convert a React form — especially mentioning FormEngine, JSON schema form, signup/login/contact/onboarding/checkout/survey forms, or alternatives to Formik / React Hook…

not rated 2 4mo ago A 0 tokens original MIT

expo-56

1650

mahdi-salmanzade/expo56-skill

Plugin Claude Code

Bundles 1 skill · 391 tokens together

Authoritative, version-pinned offline reference for Expo SDK 56 and SDK 57. One skill, 21 bundled API references, covering both building on either release and the 55→56 / 56→57 migrations. SDK 57 is current (57.0.8, RN 0.86); SDK 56 is the previous supported release (56.0.17, RN 0.85). Audited against expo/expo source.

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

click-to-edit-ui

1651

hyemin-ht-kang/click-to-edit-ui

Plugin Claude Code

Bundles 1 skill · 213 tokens together

Point at web UI components by Alt-clicking them in the browser, then request edits by number (1, 2, 3) instead of describing elements in words.

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

smart-defaults

1653

Mun1to/SmartDefaults

Plugin Claude Code

Bundles 2 skills · 172 tokens together

Makes a website start in the visitor's own theme and language, with no flash and no forced redirects.

not rated 2 24d ago A tokens not measured original MIT

lecture-deck-kit

1654

parkjui92/lecture-deck-kit

Plugin Claude Code

Bundles 3 skills · 786 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 2 1mo 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 2 18d ago A 86 tokens original MIT

akuguaaaa-png/wechat-mini-program-builder

Skill Claude CodeCodex

A planning and delivery guide for native WeChat Mini Programs, which are small apps that run inside WeChat. It covers requirements, screens, code structure, interface design, reviews, testing, and release preparation using WeChat's native technologies.

not rated 2 1mo ago A 109 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: