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.

golem-add-function

1321

ThinkR-open/golem-agent-skills

Skill Claude CodeCodex

Add functions to a golem Shiny application. Triggers on: "add a function" "create a helper function" "add a utility function" Do not trigger on: when the user is not working inside a golem app.

not rated 5 1mo ago A 60 tokens

vue-vben-admin

1322

zrlONE/vue-vben-admin-skill

Skill Claude CodeCodex needs its repo

Vue Vben Admin - Modern Vue 3 Admin Framework with Monorepo Architecture.

not rated 5 6mo ago A 21 tokens original MIT

component-patterns

1324

flitzrrr/frontend-design-skills

Skill Claude CodeCodex

Modern UI component selection, composition, and theming patterns for web applications. Covers compound components, design tokens, variant systems, responsive patterns, and form architecture derived from 21st.dev SDK, Godly featured products, and current best practices.

not rated 5 5mo ago A 53 tokens original MIT

react-doctor

1326

agniwen/ai-interview

Skill Claude CodeCodex

Use when finishing a feature, fixing a bug, before committing React code, or when the user types /doctor, asks to scan, triage, or clean up React diagnostics. Covers lint, accessibility, bundle size, architecture. Includes a regression check and a full local-triage workflow that fetches the canonical playbook.

not rated 5 yesterday A 70 tokens

cursorrules

1327

robinade/apps-in-toss-fullstack-templates

Cursor rule Cursor

A collection of standalone example projects for building WebView mini-apps with SDK 2.0.1. A WebView mini-app is a small app that displays web content inside an app window.

not rated 5 5mo ago A 709 tokens

design-taste-frontend

1328

akikisai/copilot-custom-config-template

Skill Claude CodeCodex

Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration, and balanced design engineering. Also activated by skill name: "design-taste-frontend".

not rated 5 5mo ago A 53 tokens

douyuan163-git/openclaw-skills

Skill Claude Code

Product landing page and corporate website creation guide for tech companies, especially healthcare IT, data services, and smart agriculture. Use when user asks to build a landing page, product website, official website, or promotional page for a ToB/ToG tech company. Covers design standards, responsive layout, lead…

not rated 5 6mo ago A 86 tokens

service_expose

1331

XSpoonAi/spoon-bot

Skill Claude CodeCodex

Run user-created frontend/backend/WebSocket services and expose them through Cloudflare by default when the user asks to start, deploy, preview, share, or make the service accessible. Local-only is allowed only when explicitly requested.

not rated 5 3d ago A 48 tokens

webapp

1332

rekabytes/opencode-skills

Skill Claude CodeCodex

Senior Software Engineer persona for web development (React, Vue, Svelte, Angular).

not rated 5 5mo ago A 20 tokens original MIT

hallmark

1333

ai-integr8tor/Nutlope-hallmark

Skill Claude CodeCodex

Anti-AI-slop design skill for greenfield pages, audits, redesigns, and design extraction from URLs or screenshots. Use when the user asks to build a new app or landing page, wants to redesign something, invokes Hallmark by name, or uses audit/redesign/study.

not rated 5 1mo ago A 61 tokens copy · 95% MIT

apple-design

1334

KabriAcid/Skills

Skill Claude CodeCodex

Create Apple-inspired modern, minimalist UI designs with glassmorphism, smooth animations, generous whitespace, and elegant typography. Use when designing portfolio websites, landing pages, hero sections, product showcases, or implementing Apple-style components, dark mode, or responsive layouts.

not rated 5 1mo ago A 54 tokens

hytale-ui-windows

1335

MnkyArts/hytale-skills

Skill Claude CodeCodex needs its repo

Create custom UI windows, containers, and interactive interfaces for Hytale plugins. Use when asked to "create inventory UI", "make custom window", "add container interface", "build crafting UI", "custom GUI", "create .ui file", or "design UI layout".

not rated 5 7mo ago A 61 tokens original MIT

codex-design-skill

1336

mason0510/codex-design-skill

Skill Claude CodeCodex

Use when the user asks for high-fidelity HTML design deliverables, tweakable prototypes, slide decks, animated demos, design-system-aligned UI exploration, or wants Codex to work like a design delivery partner instead of a generic page coder.

not rated 5 4mo ago A 55 tokens original MIT

the-morphism

1337

ensayiti/The-Morphism

Skill Claude CodeCodex

Anti-slop morphism & aesthetic design skill for AI coding agents. Glassmorphism, Futurism, Neubrutalism, Brutalism, Minimalism, Maximalism, Swiss Design, and Bauhaus — exact CSS recipes, a motion system, a typographic scale, and named anti-patterns. The agent reads the brief, picks the right style, and ships…

not rated 5 23d ago A 98 tokens original MIT

frontend-design

1338

muhdaliyan/zeer

Skill Claude Code

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI).…

not rated 5 5mo ago A 77 tokens original MIT

scroll-web

1339

DannyZZ2/scroll-web

Skill Claude CodeCodex

Use when turning a brand URL, approved brand kit, product story, or value chain into a scroll-controlled video webpage.

not rated 5 1mo ago A 27 tokens original MIT

angelapaia/frontend-design-engineer-skill

Skill Claude CodeCodex

Art Director + Senior Frontend Engineer that autonomously builds complete websites, landing pages, and web frontends from a single user phrase. Handles the full pipeline: intake brief, visual direction selection (8 curated styles), component sourcing (shadcn/ui, MagicUI, ReactBits, 21st.dev, Aceternity UI), design…

not rated 5 5mo ago A 231 tokens

pw-admin-ui

1341

trk/processwire-boost

Skill Claude CodeCodex

Use when designing, structuring, or rendering HTML for ProcessWire Admin interfaces, custom Process modules, or Inputfields.

not rated 5 14d ago A 28 tokens

etch-wp

1342

p3LZ3r/etch-wp-skill

Skill Claude CodeCodex

Expert knowledge for Etch WP - a Unified Visual Development Environment for WordPress. Generates complete JSON in Gutenberg block format for components, sections, patterns, or templates. Uses Automatic.css (ACSS) v4 variables. See reference files for complete documentation.

not rated 5 5mo ago A 55 tokens

yeasin2002/twist-toast

Skill Claude CodeCodex

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance…

not rated 5 6mo ago A 67 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: