21,813 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
Use when user requests diagrams, flowcharts, architecture charts, or visualizations. Also use proactively when explaining systems with 3+ components, complex data flows, or relationships that benefit from visual representation. Generates .excalidraw files and exports to PNG/SVG via Kroki API or locally using…
Skill Claude CodeCodex
An integration guide for SEED Design, covering shared component specifications and foundations plus React and Lynx implementation guidance.
Instructions file
A set of project instructions for using officecli and officedex, including interface design rules and build and test guidance.
Skill Claude CodeCodex
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI).…
kylezantos/design-motion-principles
Skill Claude CodeCodex
Motion and interaction design expert based on Emil Kowalski, Jakub Krehel, and Jhey Tompkins' techniques. Two modes — build interactive components with purposeful motion, or audit existing animations to catch AI-slop motion patterns (audit emits a branded HTML report with looping demos). Use when creating, adding…
Skill Claude CodeCodex
Design and build complete web experiences from scratch — award-level product and marketing pages, cinematic scroll-directed sites where the page is directed like a film, and multi-screen products (app, dashboard, admin, settings, onboarding, docs site) built as one design system with every component, state and route…
Skill Claude CodeCodex
Control a live local SketchForge editor through its MCP server. Use when Codex needs to list currently open SketchForge editor tabs, target a tab by editorNumber/projectName, read the current scene, list or select objects, create boxes/cubes/cylinders/sketch extrusions, update dimensions/position/rotation, align…
Jane-xiaoer/claude-skill-web-clone
Skill Claude CodeCodex
A repeatable method for rebuilding a website from its source, deployed files, or browser behavior. It covers simple HTML sites, app-based sites, and sites whose visuals rely heavily on WebGL, Canvas, or Three.js.
cclank/lanshu-animated-architecture-diagram
Skill Claude CodeCodex
A method for creating black-background, hand-drawn technical diagrams in an animated GIF style, with editable Excalidraw source files and image previews.
Skill Claude CodeCodex
Premium brand-kit image generation skill for producing identity-studio-grade brand boards. Fires when the user asks for brand kits, logo concepts, identity systems, brand-system presentations, or brand-guidelines decks. Enforces an 8-phase pipeline - Visual Reference Acquisition (Phase 0), Brand Strategy, Identity…
Skill Claude CodeCodex
How to write and maintain DESIGN.md as the visual specification layer for Cavekit projects. Nine-section format, design tokens, accessibility, integration with kits/plans. Use when defining or revising visual identity, importing a third-party design system, or auditing UI code against design tokens.
Skill Claude CodeCodex
Build or edit a manufacture-realistic .forge.js model in a project, then validate it with run, render, inspect, and export evidence.
Instructions file
Instructions for silships/figma-cli, covering figma-ds-cli, quick reference, key rules, 🎨 themed vs shadcn (read the user's intent) and ♻️ reuse before rebuild (extracted systems).
Skill Claude CodeCodex
Create distinctive, high-converting landing pages that combine proven conversion elements with exceptional design quality. Build beautiful, memorable landing pages using Next.js 14+ and ShadCN UI that avoid generic AI aesthetics while following the 11 essential elements framework.
Skill Claude CodeCodex
Create, update, or plan a Stencila theme for documents or published sites. Use when asked to choose a theme direction, write or patch theme.css, recommend semantic or module token families, customize site navigation or branding, tune PDF and print page tokens, align web, Python, and R plots with a Stencila design…
agentic-community/mcp-gateway-registry
Skill Claude CodeCodex
Design and document new features with GitHub issue, low-level design (LLD), expert review, and testing plan. Creates structured documentation in .scratchpad/ with issue spec, technical design with diagrams and pseudo-code, multi-persona expert review, and a testing plan covering functional (curl and…
Skill Claude CodeCodex
Create professional research posters in LaTeX using beamerposter, tikzposter, or baposter. Support for conference presentations, academic posters, and scientific communication. Includes layout design, color schemes, multi-column formats, figure integration, and poster-specific best practices for visual communication.
Skill Claude CodeCodex
Generate production-grade UI using real component patterns and best practices from 60+ documented interface components. Use when the user asks to build web interfaces, pages, dashboards, forms, navigation, or any UI — ensures modern, minimal, SaaS-quality output grounded in design system conventions rather than…
Instructions file
Claude Code instructions for plugin87/ux-ui-agent-skills, covering ux/ui expert agent — claude design system skill, decision framework, request router, non-negotiables (the rest loads on demand) and rules — depth, loaded when relevant.
Skill Claude CodeCodex
Create, research, revise, restyle, present, inspect, and export Codex Slides slide decks from Codex, including scenario workflows, project Design Files, and always-on brand design systems. Use when the user asks for a presentation, PPT/PPTX, slide deck, research brief converted into slides, an existing deck edit, a…
Skill Claude CodeCodex
Build landing pages and web UIs using a dark blueprint/wireframe aesthetic with sharp edges, connected sections, dashed outlines, measurement annotations, and technical typography. Use when creating marketing sites, landing pages, or product pages.
Skill Claude CodeCodex
Create polished shieldcn README badges, badge groups, charts, headers, sponsors grids, and full README hero sections. Use when a user wants shadcn/ui-styled badges, Shields.io replacement, npm/GitHub/CI/status badges, download charts, README header banners, contributor/sponsor images, or README Studio guidance.…
Skill Claude CodeCodex
Convert Figma designs to production-ready React components with Tailwind CSS. Use when user provides a Figma URL, asks to convert Figma designs to React/code, wants to extract components from Figma, or mentions "vibefigma". Requires a Figma access token (via --token flag, FIGMATOKEN env var, or .env file).
vercel-labs/web-interface-guidelines
Instructions file CodexOpenCode ✓ vendor
Instructions for vercel-labs/web-interface-guidelines, covering interactions, keyboard, targets & input, forms and state & navigation.
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: