Frontend

25,383 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-guide-v2

169

bear2u/my-skills

Skill Claude CodeCodex

Create distinctive, high-converting landing pages that combine proven conversion elements with exceptional design quality. Build beautiful, memorable landing pages using Next.js 14+ and ShadCN UI that avoid generic AI aesthetics while following the 11 essential elements framework.

not rated 922 +4 2mo ago A 55 tokens

slides

170

stackblitz/bolt-slides

Skill Claude CodeCodex

Build a premium PRESENTED slide deck — classic one-slide-at-a-time slides you advance with a clicker — as a Vite + React app. It keeps the Slidev navigation UI (floating glass dock + thumbnail rail + click-builds + presenter) but slides are RESPONSIVE React (reflow to any screen, no fixed canvas) and fully…

not rated 919 +17 1mo ago A 140 tokens original MIT

theme-creation

171

stencila/stencila

Skill Claude CodeCodex

Create, update, or plan a Stencila theme for documents or published sites. Use when asked to choose a theme direction, write or patch theme.css, recommend semantic or module token families, customize site navigation or branding, tune PDF and print page tokens, align web, Python, and R plots with a Stencila design…

not rated 903 +3 today A 97 tokens original Apache-2.0

LaunchStack CLAUDE.md

173

Deodat-Lawson/LaunchStack

Instructions file

Claude Code instructions for Deodat-Lawson/LaunchStack, covering claude.md, frontend rules (apps/web, apps/landing) and workflow.

not rated 886 +1 yesterday A 696 tokens original Apache-2.0

react-svg AGENTS.md

174

tanem/react-svg

Instructions file CodexOpenCode

AGENTS.md instructions for tanem/react-svg, covering agents.md, writing, architecture, build & test and releases.

not rated 883 5d ago A 1,330 tokens original MIT

ui-design-brain

175

carmahhawwari/ui-design-brain

Skill Claude CodeCodex

Generate production-grade UI using real component patterns and best practices from 60+ documented interface components. Use when the user asks to build web interfaces, pages, dashboards, forms, navigation, or any UI — ensures modern, minimal, SaaS-quality output grounded in design system conventions rather than…

not rated 878 +3 6mo ago A 66 tokens

frontend

176

sullyo/webapp-starter

Cursor rule Cursor

You are an expert TypeScript software engineer and architect with over 10 years of industry experience. Your expertise spans the entire stack, including React, Next.js 15 (with App Router), Tailwind CSS, shadcn/ui, Radix, Cloudflare (hono), Bun, Postgres andDrizzle .

not rated 869 1y ago A 0 tokens original MIT

pnp/copilot-prompts

Skill Claude CodeCodex

Generates valid, importable Power Apps Source Code YAML for canvas app screens. Use when asked to create YAML, scaffold, or modify any Power Apps canvas app screen — including full screens, dialogs, forms, galleries, detail views, dashboards, or any layout container — or when asked to generate Power Fx formulas or…

not rated 867 +8 2d ago A 79 tokens original MIT

itq5/OpenClaw-Admin

Instructions file CodexOpenCode

A repository guide for a Vue 3 and TypeScript web application with pages, reusable components, state stores, and WebSocket or RPC connections. It documents the project layout, commands, naming style, and current testing limits.

not rated 856 4mo ago A 1,119 tokens original MIT

blueprint-ui

179

superhq-ai/shuru

Skill Claude CodeCodex

Build landing pages and web UIs using a dark blueprint/wireframe aesthetic with sharp edges, connected sections, dashed outlines, measurement annotations, and technical typography. Use when creating marketing sites, landing pages, or product pages.

not rated 849 +1 1mo ago A 49 tokens original Apache-2.0

vibefigma

180

vibeflowing-inc/vibe_figma

Skill Claude CodeCodex

Convert Figma designs to production-ready React components with Tailwind CSS. Use when user provides a Figma URL, asks to convert Figma designs to React/code, wants to extract components from Figma, or mentions "vibefigma". Requires a Figma access token (via --token flag, FIGMATOKEN env var, or .env file).

not rated 843 +2 3mo ago A 77 tokens AGPL-3.0

babylonjs-engine

182

freshtechbro/claudedesignskills

Skill Claude CodeCodex

Comprehensive skill for Babylon.js 3D web rendering engine. Use this skill when building real-time 3D experiences, browser-based games, interactive visualizations, or immersive web applications. Triggers on tasks involving Babylon.js, 3D scenes, WebGL/WebGPU rendering, entity-component systems, physics simulations…

not rated 842 +39 9mo ago A 97 tokens original MIT

engineer-react-native

183

suleimanodetoro/skills

Skill Claude CodeCodex

Build, refactor, debug, test, and ship production React Native applications across iOS and Android, including Expo and bare workflows. Use for native navigation, app lifecycle, permissions, deep links, secure storage integration, virtualized lists, keyboard and safe-area behavior, gestures, animation, JS/UI thread…

not rated 840 +60 1mo ago A 155 tokens original MIT

smithery-homepage

184

arcadeai-labs/smithery-cli

Skill Claude CodeCodex

Build and edit the Smithery homepage app -- a TanStack Start + shadcn/ui web app at /.smithery/homepage that connects to MCP servers through the Smithery Connect API. Use this skill whenever the user wants to create, modify, or add features to the Smithery homepage, build pages that display data from MCP tools (Linear…

not rated 832 +5 3mo ago A 135 tokens AGPL-3.0

agnosticui

185

AgnosticUI/agnosticui

Cursor rule Cursor

This project uses AgnosticUI Local (v2.0.0-alpha, react framework). Components are installed at ./src/components/ag.

not rated 825 2mo ago A 0 tokens original Apache-2.0

component-doc

186

Ohh-889/skyroc

Skill Claude CodeCodex

A Chinese-language workflow for documenting components in the @skyroc/web-ui component library. It locates a component's source code, demo, and existing MDX documentation before creating or updating the page.

not rated 791 +5 4d ago A 60 tokens original MIT

sprite-gen

188

aldegad/sprite-gen

Skill Claude CodeCodex

Generate clean 2D game sprites and animation atlases with a component-row pipeline: base identity, numeric sprite-request SSoT, per-state layout guides, image-gen row strips, chroma-key alpha cleanup, connected-component frame extraction, cell-based atlas composition, QA reports, and runtime manifest framelayout. Its…

not rated 786 +21 5d ago A 291 tokens original Apache-2.0

mobilegym AGENTS.md

189

Purewhiter/mobilegym

Instructions file CodexOpenCode

Instructions for Purewhiter/mobilegym, covering agents.md, project overview, type-checking strategy, eslint and with data graph generation.

not rated 784 +7 8d ago A 6,877 tokens original Apache-2.0

scottstts/Threejs-Awesome-Graphics-Agent-Skills

Skill Claude CodeCodex

Author production procedural materials in Three.js. Use for hybrid texture-backed PBR soil and moss with procedural displacement and masks, upward-facing model moss accumulation, atlas filtering, specular AA, planet-space fields, terrain wetness, lava and emissive surfaces, reflective wave-optical diffraction…

not rated 782 +12 8d ago A 121 tokens original MIT

tool-ui CLAUDE.md

191

assistant-ui/tool-ui

Instructions file

Claude Code instructions for assistant-ui/tool-ui, covering tool ui, commands, tooling, stack and architecture.

not rated 774 +2 5d ago A 887 tokens original MIT

ZhiYi-R/moon-bridge

Skill Claude CodeCodex

Moon Bridge webui design and component rules. Use whenever changing files under webui/src that affect UI structure, controls, styling, theme tokens, layouts, or interaction behavior.

not rated 765 +1 12d ago A 41 tokens GPL-3.0

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: