19,061 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.
Staxing799/ui-page-generation-skills
Skill Codex
Orchestrate high-quality front-end page generation from short product prompts. Use when Codex needs a single main skill that coordinates UI structure, visual hierarchy, and natural product copy for landing pages, dashboards, app screens, workspaces, settings pages, analytics views, tables, and similar interfaces.
Skill Codex
Diagnose AI-generated or AI-assisted images that "look off", feel generic, fail commercially, or need prompt/image-to-image repair. Use when the user uploads or references an image and asks why it is not good enough, how it differs from better references, which professional roles would critique it, how to improve…
Plugin Claude Code
Bundles 1 skill · 201 tokens together
Systems-design-aware CSS/SCSS auditor. Cleans stylesheets through seven dependency-ordered phases — spacing, radius, type, layout, accessibility, naming — and returns a blueprint of the patterns that survived the cleanup.
Skill Claude CodeCodex
Grill an app idea before any code is written — two waves of hard product questions, each with a recommended answer the user edits or accepts — then hand off to the BEFOREVIBE MCP connector for the visual storyboard, production-ready PRD, logo and screen mockups. Use when the user shares a new app or product idea, asks…
Skill Claude CodeCodex
Full maturity upgrade workflow for an existing app. Runs polish-audit → grill-me (against audit) → design-brief (with baseline) → design-tokens (additive) → brief-to-tasks (with regression guards) → frontend-design → design-review (baseline diff) → MATURITYREPORT.md. Use this for upgrading vibe-coded apps, not…
Skill Claude Code
Generate favicon.ico and a complete icon set from a source PNG. Optimised for Next.js App Router but works for any web project.
Skill Claude CodeCodex
Analyze email HTML for accessibility issues, combining mechanical rule-based checks (lang/dir attributes, alt text, contrast ratios, heading structure, VML, tables, landmarks) with judgment-based analysis (alt text quality, semantic structure, link text quality, visual/interaction concerns like touch targets and font…
Skill Claude CodeCodex
A production design agent that brings craft, polish, and precision to design outputs. Use this skill when the user wants to refine, polish, or finalize a design — including improving typography, spacing, layout structure, visual hierarchy, color systems, component quality, responsive behavior, or overall design craft.…
Skill Claude CodeCodex
Analyze a design or screen for clarity — whether a stranger can read the intent in five seconds. Use this whenever the user asks about hierarchy, what stands out, what gets noticed first, whether a CTA is obvious, whether labels make sense, why users miss something on a screen, or why a layout feels cluttered or…
ariel-lee-1023/Color-Matching-Consultant
Skill Claude CodeCodex
Color matching, palette construction, and pigment-mixing advice that starts with value, context, and material. Use to build or critique a palette, mix a target in a specified medium, troubleshoot muddy color, compare colors, or develop a period or culturally situated palette. Distinguishes perceptual interaction…
Jonathangadeaharder/AgentBible
Skill Claude CodeCodex
Build, redesign, or critique presentation slides and decks that are grounded in cognitive science — Assertion-Evidence structure, minimal cognitive load, Picture-Superiority, strict visual hierarchy, WCAG accessibility — and free of generic "AI-slop." Use this whenever the user wants to make a presentation, build or…
Skill Claude CodeCodex
Implements "Architectural Constructional Interface Design" (ACID) — the dark, technical-blueprint/engineering-schematic UI aesthetic used by dev portfolios and component registries such as chanhdai.com (full-bleed hairline rules, diagonal-stripe section dividers, bordered panel grids with persistent vertical rail…
Skill Claude CodeCodex
Design and edit UI layouts in Pencil.app .pen files. Use when working with .pen design files, creating UI mockups, generating code from designs, or when user mentions Pencil app. Supports reading designs, creating/editing layouts, taking screenshots for validation, and extracting design tokens.
Skill Claude CodeCodex
Use when the user provides a URL to a web product and wants to reverse-engineer it, analyze its UI/UX, discover its tech stack and API surface, and produce a comprehensive report plus actionable design document for building a similar product. Triggers on requests like "analyze this product", "reverse engineer this…
Skill Codex
A coordinator for the full user-interface design process, from choosing an approach through review and self-assessment. It connects these stages into one workflow and produces a shared report.
Agent Claude Code
Use this agent when you need a comprehensive UI/UX audit, design review, or visual refinement of the app's screens and components. This agent focuses exclusively on visual design, layout, spacing, typography, color, motion, accessibility, and responsiveness — it does not touch functionality or application…
rugvedtech1/user-psychology-skill
Plugin Claude Code
Agent settings configuring listing, features, useCases, stats, installation, screenshots and 1 more.
Skill Claude Code
Provides complete shadcn/ui component library patterns including installation, configuration, and implementation of accessible React components. Use when setting up shadcn/ui, installing components, building forms with React Hook Form and Zod, customizing themes with Tailwind CSS, or implementing UI patterns like…
Agent Claude Code
Analyzes a single screenshot and produces a schema-conformant analysis findings JSON file. One agent instance per image — the orchestrator runs multiple in parallel.
Skill Claude Code
Mandatory constraint layer enforcing 21 frontend design standards on all UI output.
nicolethoen/patternfly-vite-seed-app
Cursor rule Cursor
Always reference the README and markdown documentation in this repository when generating, editing, or reviewing any PatternFly (PF) code. These files contain the authoritative best practices, guidelines, and up-to-date standards for PatternFly development.
Cursor rule Cursor
shadcn/ui Component Best Practices.
Cursor rule Cursor
Diagram Creator. Load when the user requests "Create a diagram".
mattcsnyder/7-day-mobile-and-web-design-skill
Skill Claude CodeCodex
Use this skill to run a seven-day design sprint for web products that will be built in Next.js.
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: