18,961 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 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…
Skill Claude CodeCodex
Designing and building any user-facing surface: a web page, landing page, dashboard, report, HTML document, email, or a component inside an existing app. Use when asked to build, style, redesign, or beautify UI, when writing HTML/CSS or a React/Vue/Svelte component that a person will look at, and when a generated page…
Skill Claude Code
Create Framer Code Components and Code Overrides. Use before writing or editing any .tsx for Framer, including deciding whether a feature needs code at all. Covers building custom React components for Framer, writing Code Overrides (HOCs) to modify canvas elements, implementing property controls, working with Framer…
iAmVishal16/swiftui-microinteractions
Skill Claude CodeCodex
Generate premium SwiftUI animations in the legendary-Animo style — spring physics, CoreHaptics, glass morphism, SF Symbols 7 draw animations, complete compilable files.
Skill Claude CodeCodex
Open Analytics' design language, extracted from the shipped product: an ink-derived neutral system, squircle surface anatomy, one small spring vocabulary, pixel-matched skeletons, and a plain-spoken copy voice, with type-checked component recipes. Use this whenever you build or restyle a dashboard, SaaS app, analytics…
Plugin Cursor
Bundles 33 skills, 1 agent · 2,089 tokens together
Production-ready agent skills for Webflow - CMS management, site auditing, Designer tools, Code Components, CLI workflows, and safe publishing.
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…
sanqiufong/slides-from-anything
Skill Claude CodeCodex
A single-file web presentation styled like an electronic magazine and e-reader, with horizontal slides, editorial typography, fluid visual backgrounds, and image grids. It is designed as a static HTML presentation rather than a collaborative slide editor.
Skill Claude CodeCodex
Reviews Flutter code to find UI/UX improvements and writes an implementation plan for the ones you pick.
MCP server Claude CodeCodexCursor +2
Your AI sees the screen but can't measure it — measured web UI findings, shared live sessions. Runs locally from the uisight npm package. Needs 3 environment variables to run.
lxfater/nano-image-generator-skill
Skill Claude CodeCodex
Generate images using Nano Banana Pro (Gemini 3 Pro Preview). Use when creating app icons, logos, UI graphics, marketing banners, social media images, illustrations, diagrams, or any visual assets. Supports reference images for style transfer and character consistency. Triggers include phrases like 'generate an…
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…
Cursor rule Cursor
Cursor rule "motiscope" from KumarSashank/motiscope, covering motiscope — recreate animations from screen recordings, the division of labor, commands and workflows.
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.
DmitriyGolub/threejs-devtools-mcp
MCP server Claude CodeCodexCursor +2
Inspect and edit Three.js scenes, materials, shaders, lights in real time from any AI agent. Runs locally from the threejs-devtools-mcp npm package. Needs 5 environment variables to run.
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
Structured screenshot analysis for UI implementation and critique. Analyzes every UI screenshot with a 5×5 spatial grid, full element inventory, and design system extraction — facts and taste together, every time. Escalates to full implementation blueprint when building. Trigger on any digital interface image file…
ColourCloudSky/review-ui-design-skill
Skill Codex
A read-only process for reviewing product interface designs from screenshots, screen recordings, icon sets, product flows, or Figma links.
madebyaris/advance-minimax-m3-cursor-rules
Skill Cursor
Category-aware design skill that builds distinctive, production-grade UIs. Brand-vs-product register, color strategy commitment, scene-based theme choice, palettes, font pairings, UX patterns, shadcn/token integration, empty-error-loading copy, secondary slop signals, multimodal design parity from mocks, and a…
promptadvisers/bench-studio-public
Skill Codex
Create and inspect images, videos, local websites, and designed PDF documents through Bench Studio. Use when a request involves choosing a fal model, mapping reference media to model-specific fields, generating media with transparent pricing, building a prompt-driven website or PDF through the cached Codex…
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: