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.

pdf-vue3

457

hymhub/pdf-vue3

Skill Claude CodeCodex

Use the pdf-vue3 Vue 3 component to render PDFs (URL, base64, or Uint8Array) with built-in virtual scrolling, crisp zoom, print, download, and page navigation. Trigger when the user asks to display a PDF in a Vue 3 / Nuxt 3 app, mentions pdf-vue3 or , needs to handle large/multi-thousand-page PDFs, S3 presigned URLs…

not rated 122 5mo ago A 123 tokens original MIT

julilaoshi-design

458

julilaoshi/julilaoshi-design

Skill Codex

Create and edit visual designs with Affinity or HTML, including computer-use editing, native-file saving, browser editing and export checks. Also supports user-requested Pencil workflows. Use for editable posters, visual pages and existing design-file revisions.

not rated 122 changed 1mo ago A SkillSpector: pass 52 tokens original MIT

tidyfactor-styler

459

TidyFactor/Styler

Skill Claude CodeCodex

Production framework styler and surgical RTL UI polish engine with Contextual Decision Layer (CDL). Operates directly inside existing codebases across React/Next.js, PHP, WordPress, and Vanilla HTML/CSS/JS. Trigger on commands 'brief', 'component', 'section', 'page', 'redesign', 'typography', 'palette', 'layout'…

not rated 121 +1 13d ago A 100 tokens

cursorrules

460

jherr/mcp-client-and-server

Cursor rule Cursor

Use the latest version of Shadcn to install new components, like this command to add a button component.

not rated 121 1y ago A 43 tokens

design-impeccable

461

KeyArgo/custodian-kernel

Skill Claude CodeCodex

Anti-pattern detector and design rules for AI coding agents. Catches the specific mistakes AI makes when generating UI: gray text on color, nested cards, broken buttons, missing states. Use before shipping any frontend.

not rated 120 2mo ago A SkillSpector: warn 48 tokens original MIT

frontend-design

462

ceilf6/FrontAgent

Skill Codex

Create distinctive, production-grade frontend interfaces with a clear visual direction while respecting project design specification constraints, existing design systems, and minimal-diff engineering boundaries. Use when building or restyling pages, landing screens, dashboards, marketing surfaces, or other frontend UI…

not rated 120 9d ago A SkillSpector: pass 62 tokens original MIT

Automattic/wordpress-agent-skills

Skill Claude CodeCodex

WordPress Full Site Editing (FSE) theme architecture. Use when generating theme.json, block templates, template parts, patterns, and functions.php for WordPress block themes.

not rated 120 7mo ago A 41 tokens

start-an-app

464

leonvanzyl/skills

Skill Claude CodeCodex

Interview the user in depth about what they actually want to build, then scaffold a working full-stack web app around it. Use when the user wants to start a new app, website, prototype, or SaaS; when they don't know what tech stack to pick; or when they want a solid working starting point fast. Covers requirements…

not rated 120 +4 yesterday A 212 tokens

faasjs-best-practices

465

faasjs/faasjs

Skill Claude CodeCodex

Use when working in any FaasJS repo and no narrower FaasJS skill is already selected, or when a task spans project conventions, validation gates, security boundaries, and multiple FaasJS subsystems. For focused work, also load the relevant FaasJS skill: faasjs-project-workflow, faasjs-react-ant-design…

not rated 120 2mo ago A Socket: passSnyk: pass 110 tokens original MIT archived

makifbaysal/tasktrooper

Skill Claude CodeCodex

Use when the repository has no design system yet (no tokens, no component library - a new site/app, an "Apply design system" task, or a task that asks for one), before building any page section - writes the approved design system's generated files from getdesignsystem (files true) and builds the tokens on them when…

not rated 120 +1 changed 28d ago A 77 tokens original Apache-2.0

datapages-server

468

romshark/datapages

Skill Claude CodeCodex

Configure the Datapages server entry point: NewServer type arguments, the message broker, server options, static assets, TLS and Prometheus metrics.

not rated 119 +3 changed 8d ago A 35 tokens original MIT

HuskarUI

469

mengps/PyHuskarUI

Skill Claude CodeCodex

Queries HuskarUI metadata with Python and guides HuskarUI-first QML/C++ code. Invoke when choosing components, checking examples, or generating HuskarUI UI.

not rated 118 +1 18d ago A SkillSpector: pass 39 tokens original Apache-2.0

accesslint

471

AccessLint/skills

Plugin Claude Code

Bundles 5 skills, 1 MCP server · 900 tokens together

Web accessibility (a11y) skills for Claude Code: audit a site for WCAG 2.2 conformance, scan a page with the rule engine, run hands-on keyboard and screen-reader checks, fix violations, and catch regressions in CI.

not rated 117 +2 2mo ago A tokens not measured

feature-sliced-design

473

feature-sliced/skills

Skill Claude CodeCodex

Official Feature-Sliced Design (FSD) v2.1 skill for applying the methodology to frontend projects. Use when the task involves organizing project structure with FSD layers, deciding where code belongs, placing static assets (images, icons, fonts, PDFs), grouping closely related slices, defining public APIs and import…

not rated 117 +3 changed 26d ago A Socket: passSnyk: pass 192 tokens

godot-fun/godot-framework

Skill Cursor

Turns a storyboard shot (video prompt + narration) into a self-contained fullscreen HTML CSS animation for the browser. Analyzes VO/旁白, searches related facts and usage cues, then builds a rich layered stage (camera, subject, secondary UI, light, micro-detail) with Fullscreen API and Space-to-play. Use when the user…

not rated 116 2mo ago A SkillSpector: pass 127 tokens original MIT

design-to-code

475

MigoXLab/coderio

Skill Claude CodeCodex

Pixel-perfect Figma to React conversion using coderio. Generates production-ready code (TypeScript, Vite, TailwindCSS V4) with high visual fidelity. Features robust error handling, checkpoint recovery, and streamlined execution via helper script.

not rated 116 +1 5mo ago A 52 tokens original Apache-2.0

brand-design-md

476

SpaceZephyr/brand-design-md

Skill Claude CodeCodex

A design-code helper that reads design rules from getdesign.md and generates UI code in a requested brand style, such as Apple, Notion, Claude, or Stripe.

not rated 116 +4 7mo ago A 85 tokens

thurbox-ui

477

Thurbeen/thurbox

Skill Claude CodeCodex

Edit the thurbox TUI — add, change or remove a pane of the running interface, which is Lua files in the thurbox interface directory (not this repository). Use whenever the user asks to change how thurbox itself looks or behaves on screen — a new pane or panel, a different layout or arrangement, a keybinding, a status…

not rated 116 +1 changed 5d ago A SkillSpector: pass 122 tokens original MIT

gridgeist

478

ohmiler/gridgeist

Skill Codex

Use when creating, redesigning, or reviewing web interfaces that need product-specific structure, clear hierarchy, responsive composition, accessible interaction, or relief from generic AI-generated SaaS aesthetics. Adapt grid, typography, imagery, motion, and product evidence to the established brand—including…

not rated 115 3mo ago A SkillSpector: pass 101 tokens original MIT

webgl-components

479

flornkm/skills

Skill Claude CodeCodex

Build small, always-on WebGL visuals (identity avatars, ambient orbs, glass and iridescent surfaces, animated textures) that ship inside a normal web app UI without wrecking performance, accessibility, SSR, or layout. Use whenever a shader-, GLSL-, or canvas-driven decorative element is added to a product UI…

not rated 115 2mo ago A SkillSpector: pass 113 tokens original MIT

bitkit-storybook-mcp

480

bitrise-io/bitrise-workflow-editor

MCP server Claude CodeCodexCursor +2

One of 2 in .mcp.json

MCP server "bitkit-storybook-mcp", hosted remotely at storybook.services.bitrise.dev, as configured in bitrise-io/bitrise-workflow-editor.

not rated 115 yesterday A tokens not measured 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: