17,795 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
Design-system workflow for FramingUI projects (free profile). Use for ANY UI work in a project that uses FramingUI — building or restyling screens, pages, components, layouts, or themes; writing AgenticLayoutContract JSON; choosing themes/tokens/icons; or reviewing FramingUI-based JSX. Triggers on requests like "build…
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).
LabinatorSolutions/kroki-editorial-diagrams
Skill Claude Code
Create premium, responsive, interactive diagrams (flowcharts, sequence, architecture, data models, timing, data visualization) with an elegant editorial design aesthetic. Chooses the optimal layout engine (PlantUML, C4, D2, Mermaid, Graphviz, Structurizr, WaveDrom, Vega-Lite, ERD, BPMN, and more) and exports to…
Skill Claude CodeCodex
Advanced UI analysis and interaction through pixel-level reasoning to solve complex interaction problems, locate hard-to-find elements, verify visual states, and debug layout/rendering issues. Use as needed after UI Mapper inspection when advanced reasoning or non-standard views are required.
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…
Klionskiy/claude-mobile-mvp-skills
Plugin Claude Code
Bundles 3 skills · 192 tokens together
Skills for designing mobile MVPs in Figma, converting approved Figma designs into SwiftUI, and reviewing MVP scope for App Store readiness.
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…
Skill Claude Code
Comprehensive Material 3 (Material You) design system skill for Jetpack Compose and Compose Multiplatform (KMP). Covers color tokens, typography, shape, 30+ components, adaptive layout, navigation patterns, dynamic color, dark mode, motion/animation, and accessibility. Compose-first — no web or Flutter code.
jeltehomminga/figma-design-skills
Plugin Claude Code
Bundles 2 skills · 193 tokens together
Two composable skills for design-to-code fidelity: figma-design-extract pulls exact specs from Figma into a build-ready spec table; design-fidelity-verify proves the running web or mobile app matches them by measuring rendered values.
Tricholomaaurantiumknottiness355/design-dna
Skill Claude CodeCodex
Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll effects, etc.). Use this skill when: (1) a user wants to see the full 3-dimension design structure/schema, (2) a user provides…
Skill Claude CodeCodex
Distill any brand into a complete brand system: paste a URL, name, or screenshots and get a design-model.yaml (single source of truth), a script-rendered brandbook.html (tokens, type, voice, imagery spec, components, applications) and one hand-crafted landing page that proves the system captures the brand. Use when…
Skill Claude CodeCodex
Use this skill any time a .pptx file is involved in any way — as input, output, or both. This includes: creating slide decks, pitch decks, or presentations; reading, parsing, or extracting text from any .pptx file; editing, modifying, or updating existing presentations; combining or splitting slide files; working with…
Plugin Claude Code
Plugin marketplace listing 1 plugin: ui-craft.
Skill Claude CodeCodex
Search and download stock photos from Pexels, Unsplash, and Pixabay for projects, landing pages, UI mockups, and content. Use when users explicitly ask to find stock photos, need a hero/profile/content image, or want to download a selected stock image.
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.
Skill Claude CodeCodex
Quality harness for design-dna Phase 3 output with browser-based visual verification. After an agent generates a design from a Design DNA JSON + user content, this skill acts as a verification and scoring layer — collecting all page resources via console/network inspection, performing section-by-section screenshot…
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.
NxProxyStudios/apple-bento-grid
Skill Claude CodeCodex
Create Apple-inspired bento grid presentation cards for showcasing project stats, timelines, and achievements. Generates self-contained HTML files with zero-gap grids, stat cards, pill tags, bar charts, and dark quote cards — optimized for screenshot export. Supports both light (Apple signature #f5f5f7) and dark…
Plugin Claude Code
Bundles 19 skills, 17 agents · 2,269 tokens together
AI-powered design, UX, content, DevOps, testing, and performance toolkit for Claude Code. Design reviews (WCAG, Nielsen's heuristics), UX flow analysis, marketing content generation (JTBD), full-lifecycle SEO (7-phase audits, GEO/LLM visibility, closed-loop Search Console autofix, rank monitoring), CI/CD pipelines…
Skill Claude CodeCodex
Applies Computer Love's official brand colors and typography to any sort of artifact that may benefit from having Computer Love's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
Skill Claude CodeCodex
Generate a complete design system (design.md, design-guidelines.md, design-components.md) from any reference materials — images, PDFs, links, or descriptions.
musabekisakov-imj/flutter-design-engineer
Skill Codex
Orchestrate product-aware Flutter UI design and redesign from repository inspection through rendered verification. Use for new Flutter screens, multi-screen flows, major visual redesigns, design-led implementation, or ambiguous Flutter UI requests that require routing across audit, design-system, implementation…
zhoy0409-debug/polish-sci-figures
Skill Codex
A final review and preparation workflow for scientific figures, including charts, image panels, manuscripts, slides, and posters.
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…
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: