5,686 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.
Skill Claude CodeCodex
Audit and rewrite frontend UI to remove generic AI design patterns ("AI slop"), both the first-order defaults (purple gradients, Inter, a centered hero over three cards, untouched shadcn) and the second-order "tasteful AI" ones (cream with terracotta, near-black with acid green, all-caps mono chrome, one accented…
innei-template/smart-webapp-template
Cursor rule Cursor
You should use @https://github.com/Innei/Pastel Pastel color system with kawaii-inspired OKLCH colors and TailwindCSS v4 integration.
Skill Claude CodeCodex
Build websites and web UI with smooth, polished, high-end motion by default — the buttery feel of premium sites, not static slop. Use when building or restyling any website, landing page, hero, marketing page, portfolio, or web UI; when adding scroll animations, reveals, parallax, marquees, hover effects, page…
wpgaurav/generateblocks-skills
Skill Claude CodeCodex
Build and audit WordPress layouts with GenerateBlocks V2, including CSS Mode, responsive at-rules, dynamic data, Pro components, and recovery-safe block serialization. Use for new GB layouts, conversions, repairs, and hand-authored block markup.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when implementing reduced motion alternatives, vestibular-safe animations, WCAG compliance, or designing for users with motion sensitivity.
maquina-app/maquina_components
Skill Claude CodeCodex
Build consistent, accessible UIs in Rails using maquinacomponents. Use this skill when implementing UI for features, creating views, building forms, or reviewing UI specs. Triggers on view creation, UI implementation, form building, layout design, or mentions of maquinacomponents usage.
Skill Claude Code
Reproduce a Claude Design prototype or design handoff (HTML/CSS, .dc.html export, tokens, screenshots) inside a Mendix app: build the palette with mxcli theme create --from, then apply classes in pages with MDL. Use when given a design artefact and asked to make the app look like it.
Skill Codex
Beautify or redesign an existing website through iterative pingfusi review rounds with a real human reviewer. Use when asked to "beautify this website," "make this page look professional," "polish this UI/design," "improve the visual design," or finish an AI-built page when there is no reference site to match. Do not…
Plugin Claude Code
Bundles 3 skills, 6 commands · 706 tokens together
Design system extractor, applier, and builder — analyze any URL, apply to your project, or build from scratch with deterministic CSS + §18 DON'T grep contract.
Skill Claude CodeCodex
A design-system and component-style guide for uni-app WeChat mini-programs. It covers design tokens, neutral colors, spacing, typography, responsive layouts, component rules, animations, and style audits.
Skill Claude CodeCodex
Build accessible UI with monochrome, the framework-agnostic UI library for agents. Use whenever a project depends on monochrome or has ids starting with mct:, mcc:, or mcr:, and whenever you write or fix an accordion, collapsible, dialog or modal, dropdown or context menu, menubar, popover, tabs, or tooltip in HTML…
SemineChen/yueban-image-to-code
Skill Codex
An image-to-code workflow that turns a selected interface image, screenshot, or design export into code and separate transparent PNG assets. It targets an exact 750-pixel-wide, 1:1 recreation with editable text.
Skill Claude CodeCodex
Apply visual changes from the Retune overlay to source code. Use this skill when receiving output from retune MCP tools (retunegetformattedchanges, retunegetpendingchanges) OR when the user pastes structured visual change output containing "# Visual Changes", "# Comments", "Prop Changes", "Attribute Changes", "SVG…
Skill Codex
Design, review, or implement AgentOS UI and UX work using the project’s operator-console visual system. Use for React/Tailwind pages, cards, dialogs, mobile layouts, theme work, navigation, forms, empty/loading/error states, and UI consistency reviews in AgentOS.
Skill Claude Code
Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches principles, not fixed values.
Skill Claude CodeCodex
What building realness taught us about the web platform - semantic HTML with microdata as one decision that serves SEO, CSS selectors, layout, the data model, state (no Pinia), file storage paths, and the NoSQL database. Plus baseline-grid spacing, fluid type scale, materials-and-roles color, OS dark mode, and cascade…
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.
Cursor rule Cursor
Use the latest version of Shadcn to install new components, like this command to add a button component.
Plugin Claude Code
Bundles 3 skills · 205 tokens together
Liquid language fundamentals, CSS/JS/HTML coding standards, and WCAG accessibility patterns for Shopify themes.
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…
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…
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…
Agent OpenCode
Agent "css" from LeXwDeX/OpenCode-GraphAgent, covering example of correct implementation, reusable components and key clarifications.
jaywilburn/refactoring-ui-skill
Skill Claude CodeCodex
Comprehensive UI design guidance based on Refactoring UI principles covering design personality, color theory, layout strategy, visual hierarchy, typography, spacing, mobile-first responsive design, and writing copy that doesn't read like AI wrote it. Use this skill whenever the user is creating new pages, building…
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: