20,540 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
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
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…
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.
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…
Command Claude Code
OS 7.1 orchestrator entrypoint for Django + React TypeScript full-stack tasks.
Skill Claude Code
Use when building React components with @n4s/xcomponent, converting MobX observer/useEffect code to X, X.useState, Value, Value.Async, Value.Boxed, Value.Bool, lifecycle hooks, observable props, or component composition with .with().
yinyucheng0601/pto-design-system
Skill Claude CodeCodex
A set of rules for building or changing PTO pages with shared layouts, design tokens, components, and patterns. A design system is a reusable collection of interface rules and building blocks.
HelenSong/AI-Explorer-Lab-skill
Skill Claude CodeCodex
Use when building AI Explorer Lab or AI+PBL course HTML pages that need a landing page, five module pages, and a certificate page with inquiry-based interactions and a consistent claymorphism visual system.
newsun-boki/literature-gallery-skill
Skill Codex
Create and maintain lightweight static literature-management gallery websites for academic papers. Use when the user wants a paper library, literature gallery, research database frontend, paper cards with covers/teasers, tags such as year/venue/area/keywords, paper detail pages, real paper cover screenshots, or…
tbshiki/260704kansaiwordpressmeetup
Skill Codex
Use when Codex needs to create or update WordPress Playground fixed-page layouts, front page layouts, landing pages, or page block HTML without changing theme files. Triggers on requests for front page layout, page layout creation, block HTML page sections, setting a page as the homepage, publishing a layout to a…
demoniksem/superpowers-hermes-skills
Skill Claude CodeCodex
Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration, and balanced design engineering.
shawn-maybush/google_style_guide_agent_skills
Skill Claude CodeCodex
Apply Google's official style guide for AngularJS to ensure code quality, readability, and consistency.
Skill Claude CodeCodex
A guide for building distinctive, production-ready web interfaces and visual components.
vanessamarely/ai-playbook-reposito
Skill Claude CodeCodex
Audit React components for WCAG 2.2 compliance and suggest fixes. Use when the user wants an accessibility review of existing React component code (as opposed to running automated CI checks or building new components).
Staxing799/ui-page-generation-skills
Skill Codex
Orchestrate high-quality front-end page generation from short product prompts. Use when Codex needs a single main skill that coordinates UI structure, visual hierarchy, and natural product copy for landing pages, dashboards, app screens, workspaces, settings pages, analytics views, tables, and similar interfaces.
Plugin Claude Code
Bundles 1 skill · 103 tokens together
Translates Figma designs into production-ready code using a three-station component-first workflow. Built for product designers and UI/UX designers. Requires the Figma MCP server.
10x-Anit/10x-Vibe-Marketer-Skill
Plugin Claude Code
10x Team Landing Page Builder. 10x Vibe Marketer - Landing page skill plugin.
Skill Claude Code
Generate favicon.ico and a complete icon set from a source PNG. Optimised for Next.js App Router but works for any web project.
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: