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.
MCP server Claude CodeCodexCursor +2
React dashboard components — API lookup, code generation, and prop validation for AI tools. Runs locally from the @metricui/mcp-server npm package.
Skill Claude CodeCodex
Use when a user wants to choose, change, compare, or improve the FONTS / typography of their web app — ANY framework: Next.js, Vite, Astro, Remix, SvelteKit, TanStack, plain CSS ("pick a font", "these fonts look generic/AI-generated", "make the headings nicer", "what typeface should I use", "change the font"). Font…
Plugin Claude Code
Bundles 3 skills · 296 tokens together
Slop-free UI generation skills for web (React + Tailwind + shadcn/ui), iOS (SwiftUI), and Android (Jetpack Compose + Material 3 Expressive).
designedbysom/accessibility-linter
Skill Claude CodeCodex
Reviews accessibility mid-design, not as a compliance audit, but as a craft challenge. Use when designing, describing, or building a UI component. Trigger on "I'm designing a component", "does this work", "review this interaction", "how should I handle focus", "is this accessible", or whenever HTML/CSS/React code is…
Skill Claude CodeCodex
Use when the user asks to set up, install, or migrate to the Unify Theme for reablocks — a production-ready theme pack built on a three-level design-token system (primitives → semantic → Tailwind utilities) synced with the Unify Figma library. Covers the single-file themeUnify.ts TypeScript download, the Reablocks…
syncfusion/blazor-ui-components-skills
Skill Claude CodeCodex
Comprehensive guide for implementing Syncfusion Blazor dropdown components including AutoComplete, ComboBox, DropDown List, MultiSelect Dropdown, and ListBox. Use this when building selection interfaces, data binding, filtering, cascading dropdowns, custom templates, and accessible dropdown experiences in Blazor…
Skill Claude CodeCodex
Clerk authentication integration for Astro/Next.js. Use when implementing authentication, handling Clerk middleware, testing with Playwright, or debugging auth issues. Trigger phrases include "Clerk auth", "sign in", "authentication", "middleware", "E2E testing with Clerk".
Skill Claude CodeCodex
Skill for building static sites with the Astro web framework. Helps create Astro components and pages, set up content collections, optimize images, configure SEO, and deploy static builds. Use when the user needs to work with Astro, mentions .astro files, asks about static site generation (SSG), islands architecture…
Plugin Claude Code
Bundles 1 skill · 143 tokens together
Build responsive, client-side React single-page web apps (SPA) with Vite, TypeScript, Tailwind CSS, and react-router — designed for mobile and desktop browsers. Enforces React best practices, the Rules of Hooks, ESLint React rules, Vitest, and SOLID principles.
Plugin Claude Code
Plugin marketplace listing 1 plugin: ui-craft.
Neilander/mobile-ui-replicator
Skill Claude CodeCodex
You (the agent) just got asked to turn a UI screenshot + style reference image + a written description of the app's features into a working single-file HTML demo painted in the style of the reference. This file tells you how.
crazyzlnofficial/layout-discipline
Skill Claude CodeCodex
A set of rules for keeping AI-generated web pages visually consistent, including their text sizes, spacing, alignment, cards, and colors.
HongMing-Huang/pretext-frontend-motion
Skill Claude CodeCodex
Build bold text-driven frontend demos across Accordion, Bubbles, Dynamic Layout, Variable Typographic ASCII, Editorial Engine, Justification Comparison, Rich Text, and Masonry. Use when the request needs strong frontend style, intentional typography, routed text layout, width-tight multiline UI, or kinetic typography…
Skill Codex
Review React, Next.js App Router, TypeScript, Tailwind CSS, shadcn/ui, TanStack Query, and frontend UI code. Use when reviewing a PR, branch, diff, page, component, hook, Server Action, route handler, or API client; debugging frontend behavior; assessing production readiness; or checking runtime bugs, client/server…
Cursor rule Cursor
Use Interactive HTML — turn static HTML pages in this project into a live commenting surface and respond to comments by editing the HTML.
Skill Codex
Learn, visualize, confirm, store, and apply reusable frontend visual taste from reference webpage URLs. Use when a user asks to study, learn, save, imitate, or apply a website's style, layout, UI, typography, components, art direction, motion, or responsive behavior; when prior taste cases should inform a frontend; or…
deveshpunjabi/modern-frontend-skill
Skill Claude CodeCodex
How to design and build modern, premium-quality frontend interfaces that look like high-end SaaS products, modern AI tools, and award-winning design websites — not generic templates. Use this skill whenever the user asks to build a frontend, create a landing page, design a dashboard, scaffold a web app UI, build a…
mdsohaib/screenshot-time-machine
Skill Claude Code
Screenshot every page of the running localhost dev server and report which pages changed since the last snapshot. Use after editing anything users can see (pages, components, CSS/Tailwind, layouts, templates) to visually verify before saying you're done, and when the user says "check the UI", "does it look right"…
Plugin Claude Code
Agent skills from Vibeset: instructions you hand your coding agent once and it knows for good.
dayfinggg/openai-codex-agent-skills
Skill Codex
Apply relevant code, test, database, and interface standards during implementation or review. Detect the installed stack and load only guidance needed for the changed behavior. Do not use for prose-only tasks or unrelated audits.
Skill Claude Code
Generate dark neon cyber-fantasy dashboards, glassmorphism surfaces, and gamified React and Tailwind UIs.
lossless-group/lossless-agent-skills
Skill Claude CodeCodex
The Lossless Group's pattern for repo-level splash pages — small Astro sites at /splash/ that ship to GitHub Pages on push to main, render the repo's changelog/ + context-v/ alongside curated marketing copy, and stay isolated from any package the repo also publishes. Use proactively whenever scaffolding a noteworthy…
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…
AleksandarBisevac/claude-plugins
Skill Claude Code needs its repo
Edit, split or share the CSS and JavaScript under plugins/audit/scripts/ui/ — files Python concatenates into one inline and one inline carrying code, in a self-contained page opened over file://. Covers the assembly contract and the byte-level pins in plugins/audit/tests/ that guard it, why the split must be an…
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: