19,567 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
Perform a static UX audit of any frontend or app codebase by traversing the code, without running the app or opening a browser. Use this whenever the user asks for a UX audit, UX review, design review, accessibility check, flow map, or "check my UI/UX", and no dev server or browser tool is available or wanted. Also…
Plugin Claude Code
Bundles 2 skills · 143 tokens together
Build charts with the Graphy SDK (@graphysdk/react; advanced embedding via @graphysdk/viz-engine + @graphysdk/react-renderer): install or set it up in a React codebase, author grammar-of-graphics specs, style them from the spec stylesheet, add annotations and highlights, and make charts editable — commands, undo/redo.
Skill Claude CodeCodex
Generate interactive HTML mockups from a description, iterate on them, and deploy to GitHub Pages or Vercel for sharing. Use this skill when the user wants to create a mockup, prototype, UI exploration, or design comparison, or when they want to deploy or share one.
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
Build pricing pages, pricing cards, and plan displays with Flowglad. Use this skill when creating pricing tables, displaying subscription options, or building plan comparison interfaces.
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
Automates Angular version upgrades safely with SSR awareness, internal package handling, and iterative error-driven fixes, as a guided phased workflow that pauses to ask at real decision points. Use when: "upgrade Angular", "migrate to Angular X", "ng update", "update Angular version", "angular migration", "move to…
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
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 Code
A guide for connecting the Notifly notification service to mobile and web applications using its software libraries and examples.
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
Scaffolds necessary Next.js App Router file conventions and route-level SEO metadata (page.tsx, layout.tsx, error.tsx, not-found.tsx, loading.tsx, default.tsx, global-error.tsx, metadata, generateMetadata, canonical, robots, openGraph, twitter) for a given route path. Checks existing files, reads them for context, and…
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…
Skill Claude CodeCodex
TanStack Solid Query patterns — options as a function, never destructuring results, reading signals inside options, dependent queries, mutations with optimistic updates, query key factories, and staleTime versus gcTime. Use when writing or reviewing @tanstack/solid-query code, or when a query does not refetch as…
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 +…
Skill Claude CodeCodex
Guides WeChat Mini Program project work through official WeChat DevTools and native Mini Program structure, WXML, WXSS, page/component code, and built-in components. Use when working with DevTools CLI, miniprogram-automator, uni-app mp-weixin output, app/page JSON, WXML/WXSS, official components, preview/upload…
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 /…
Skill Claude CodeCodex
A development guide for Tuya Ray mini-app lighting panels, which are small app interfaces used to control lights and their settings.
MCP server Claude CodeCodexCursor +2
Add components to your apps. Runs locally from the shadcn npm package.
raisiqueira/claude-code-plugins
Plugin Claude Code
Bundles 1 skill · 43 tokens together
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
Skill Claude CodeCodex
Design any visual output — websites, landing pages, SaaS apps, dashboards, documents, reports, presentations, posters, infographics, or any UI/layout/typography/color work. Use when the user asks to build, design, style, or create anything visual, even if they don't explicitly say "design." Also use for visual…
GuilhemBusset/agentic-or-workshop
Skill Codex
Standardize repository HTML pages to a shared Atom One Dark visual system. Use when asked to align look and feel across multiple HTML files, generate per-page UI component guidelines, apply a consistent theme stylesheet, and verify compliance across all HTML labs.
Skill Claude CodeCodex needs its repo
Storybook is the fidelity oracle, not the runtime. The converter bundles the package's compiled dist/ into dsbundle.js — the same bundle the claude.ai/design agent builds with — and generates each preview by compiling the story source module itself (hooks, fixtures, local helpers — the whole closure comes along), with…
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: