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 Code
Evaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with quantitative scoring, persona-based testing, automated anti-pattern detection, and actionable feedback. Use when the user asks to review, critique, evaluate, or…
Skill Codex
Use when Codex users want local continuity across account switches, OAuth changes, API key swaps, or mixed authentication setups. Use this skill to keep /.codex conversations in a shared local pool, create or restore local snapshots, inspect whether shared links are installed, or initialize a private local profile…
Skill Claude CodeCodex
Capture before/after screenshots of UI changes — production vs local dev — and produce a markdown comparison table ready for a GitHub PR. Use when the user wants before/after captures of UI work, a visual comparison of an element or page against production, or a PR-ready screenshot table. Triggers on "before/after"…
Skill Claude CodeCodex
A visual design recipe that changes HTML, React or Vue pages to a neo-brutalist style: warm paper-like backgrounds, grids, thick black edges, square corners and solid offset shadows. React and Vue are tools for building web interfaces.
Skill Claude CodeCodex
Convert a selected shadcncraft Figma frame, component, or full page into production React + shadcn/ui code via the official Figma MCP. Use this whenever the user wants to turn a Figma design into code, implement a frame, "generate code from this design", "convert this Figma component", "build this screen from Figma"…
Skill Claude CodeCodex
Generate beautiful, self-contained HTML blueprint pages that visually plan implementations with architecture diagrams, phased task breakdowns, file change maps, dependency graphs, risk matrices, and verification checklists. Use this skill whenever the user asks for a blueprint, implementation plan, feature spec…
Skill Claude CodeCodex
Entrevista al usuario para recopilar lineamientos de diseño (colores, tipografías, logos) y al finalizar diseña, crea y guarda automáticamente una nueva skill de guía de estilo (brand book) personalizada. Usar cuando el usuario pida: crear brand book, definir guía de estilo, configurar colores de marca, crear…
Skill Claude CodeCodex
Analyzes websites provided by the user to extract and synthesize abstract visual design guidelines. Measures spacing, typography, color, alignment, grouping, shadows, borders, and layout patterns from real sites. Produces a reusable design rules document for AI agents to follow when building UIs. Use when the user…
Skill Claude CodeCodex
Generate beautiful HTML presentation slides in any brand's design language — combining brand DNA extracted via Firecrawl with 20 codified design principles.
Skill Claude CodeCodex
Builds, fixes, styles, and composes UI with the Gravity UI design system — the React ecosystem of @gravity-ui/ packages (uikit, charts, table, navigation, date-components, icons, and more). Routes to the correct package when look-alikes exist, applies theming and required setup, and prevents invented component APIs.…
Skill Claude CodeCodex
Web accessibility best practices for semantic HTML, ARIA attributes, and WCAG color contrast. Use this skill whenever the user writes, reviews, or fixes HTML/JSX/TSX/Svelte markup or UI components, builds page structure, navigation, forms, buttons, modals, or tabs, picks text/background colors or theme tokens, or…
Skill Claude CodeCodex
Add, update, or remove Avonni components inside an existing Salesforce Digital Experience site. Use when the user wants to place Avonni components on a site page, when editing a site view's content.json that contains avxp: or avcmpbuilder: components, or when wiring those components to records, navigation, or styling.…
Skill Claude CodeCodex
Build and validate Slack Block Kit JSON using orchestrated multi-role adherence-coherence convergence. Use this skill when the user wants to build Block Kit layouts, generate block structures, create element compositions, construct surface-specific UIs, validate existing Block Kit JSON, or improve Block Kit payloads.…
Plugin Claude Code
Bundles 1 skill · 196 tokens together
AG2 design system and brand guidelines. Applies consistent visual identity to all generated UI code, artifacts, and visual output for the AG2 multi-agent AI framework.
Skill Claude CodeCodex
Two-phase design loop like /swarm but for visual design. EXPLORE: launches N parallel subagents in Figma — each designs a distinct concept on its own page simultaneously, then cross-model consensus (Claude + Codex) picks the winner. DEEP: iterates the chosen concept with critique → impeccable skills → fixes until it…
Skill Claude CodeCodex
High-fidelity HTML prototyping, interactive demos, slide decks, animations, design exploration with expert review. Embodies different design personas (UX designer, animator, slide designer, prototyper). Use when user mentions prototype, design demo, interactive prototype, HTML demo, animation demo, design variant, UI…
Plugin Claude Code
Bundles 2 skills · 294 tokens together
Premium scroll-motion landing pages (landing-page) AND real-time 3D/WebGL scroll pages (landing-3d, single-file vanilla Three.js): intake gate → art-direction → CSS-only vs Lenis+GSAP stack router → SSR-safe blendable scroll recipes → hard prefers-reduced-motion gate → for 3D, a hard no-WebGL/mobile poster fallback +…
DonggangChen/antigravity-agentic-skills
Skill Claude CodeCodex
Guide for conducting comprehensive accessibility audits of code to identify WCAG compliance issues and barriers to inclusive design. This skill should be used when reviewing accessibility, ARIA implementation, keyboard navigation, or screen reader compatibility.
Plugin Claude Code
Bundles 8 skills · 817 tokens together
All-in-one presentation toolkit for Cloud Solution Architects (Azure/AWS/GCP). Includes: csa-ppt (smart orchestrator with combined routing), azure-diagrams (700+ cloud icons, auto-detection), excalidraw-diagram (hand-drawn style, validation), frontend-slides (HTML presentations), pptx (OOXML PowerPoint), skywork-ppt…
MCKRUZ/intent-driven-development
Agent Claude Code
Reviews user-facing Angular changes for UX quality: every state exists (loading, empty, error, success), accessibility basics hold, components follow the codebase's existing patterns, and the flow works end-to-end. Angular-aware — also catches the framework's own failure modes. Use PROACTIVELY when a change adds or…
Skill Claude Code
Create self-contained HTML visualizations (single .html file) from conversation content, data, or ideas. Trigger on: "visualize this," "make a deck/slide/infographic/dashboard," "build a one-pager / poster / carousel / kanban / mind map / org chart / flowchart," "show me a chart," "render as HTML," or any ask to…
Skill Claude CodeCodex
Accessible forms on @aziontech/webkit — one Form Layout spacing reference (xs inside a field, lg between fields/rows) shared by five form types (Drawer, nested Drawer, Dialog, ItemGroup settings, CardBox with independent saves) that differ only in container + save model, with two internal layouts (Cards + ItemGroups /…
AntonioMellies/claude-code-skills
Skill Claude CodeCodex
Atua como Principal Product Designer e Enterprise UX Architect especializado em Material Design 3 adaptado para SaaS B2B, CRM, ERP, Backoffice e plataformas corporativas complexas. Prioriza produtividade, densidade de informação, eficiência operacional, Design Tokens e acessibilidade.
frankxai/claude-code-oracle-skills
Skill Claude CodeCodex
Generate professional OCI architecture diagrams with verified Oracle styling and icons.
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: