Skill Claude CodeCodex
A front-end coding coach for preparing the full development process for websites, mobile apps, and mini-programs. It guides developers through planning and preparation tasks.
not rated 5 5mo ago A 33 tokens
Skill Claude CodeCodex
Use when the user asks for high-fidelity HTML design deliverables, tweakable prototypes, slide decks, animated demos, design-system-aligned UI exploration, or wants Codex to work like a design delivery partner instead of a generic page coder.
not rated 5 4mo ago A 55 tokens
original MIT
the-morphism
891Skill Claude CodeCodex
Anti-slop morphism & aesthetic design skill for AI coding agents. Glassmorphism, Futurism, Neubrutalism, Brutalism, Minimalism, Maximalism, Swiss Design, and Bauhaus — exact CSS recipes, a motion system, a typographic scale, and named anti-patterns. The agent reads the brief, picks the right style, and ships…
not rated 5 23d ago A 98 tokens
original MIT
scroll-web
892Skill Claude CodeCodex
Use when turning a brand URL, approved brand kit, product story, or value chain into a scroll-controlled video webpage.
not rated 5 1mo ago A 27 tokens
original MIT
angelapaia/frontend-design-engineer-skill
Skill Claude CodeCodex
Art Director + Senior Frontend Engineer that autonomously builds complete websites, landing pages, and web frontends from a single user phrase. Handles the full pipeline: intake brief, visual direction selection (8 curated styles), component sourcing (shadcn/ui, MagicUI, ReactBits, 21st.dev, Aceternity UI), design…
not rated 5 5mo ago A 231 tokens
pw-admin-ui
894Skill Claude CodeCodex
Use when designing, structuring, or rendering HTML for ProcessWire Admin interfaces, custom Process modules, or Inputfields.
not rated 5 14d ago A 28 tokens
etch-wp
895Skill Claude CodeCodex
Expert knowledge for Etch WP - a Unified Visual Development Environment for WordPress. Generates complete JSON in Gutenberg block format for components, sections, patterns, or templates. Uses Automatic.css (ACSS) v4 variables. See reference files for complete documentation.
not rated 5 5mo ago A 55 tokens
Skill Claude CodeCodex
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance…
not rated 5 6mo ago A 67 tokens
a11y-annotate
897Skill Claude CodeCodex
Use this skill on every UI turn that touches composition — building, modifying, restructuring, or annotating any page, component, route, form, layout, navigation, modal, focus behaviour, or live region. Make sure to use this before any UI code change, and whenever the user asks what an a11y.md captures. Triggers on…
not rated 5 3mo ago A 133 tokens
original MIT
accessibility
898Skill Claude CodeCodex
Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".
not rated 5 2mo ago A 51 tokens
datastar
899Skill Codex
Datastar-first web app development skill for backend-driven HTML over SSE, signal design, data- attribute usage, and Datastar interaction patterns. Use when building, reviewing, debugging, refactoring, or planning Datastar apps; when choosing what belongs in backend state vs signals; when authoring data- attributes or…
not rated 5 5mo ago A 80 tokens
original MIT
Skill Claude CodeCodex
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance…
not rated 5 25d ago A 65 tokens
original Apache-2.0
impeccable
901Skill Codex needs its repo
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states.…
not rated 5 11d ago A 189 tokens
copy · 80% MIT
angular-expert
902Graidenix/personal-claude-collection
Skill Claude Code
Senior Angular + Angular Material expert. Auto-activates when "@angular/core" is found in package.json. Before any code: checks project version against latest Angular release, flags deprecated APIs, and advises migration path. Enforces standalone components, signals, inject(), new control flow (@if/@for/@defer)…
not rated 5 4mo ago A 82 tokens
motion-system
903Skill Claude CodeCodex
Skill to understand and work better with motion systems.
not rated 5 3mo ago A 12 tokens
original MIT
darkyzhou/carbon-design-guidelines
Skill Claude CodeCodex
Guides, references, and tooling for building React UIs with IBM's Carbon Design System (@carbon/react v11). Covers design foundations (grid, color, spacing, typography, theming, motion, accessibility), component usage with code samples, design patterns (forms, dialogs, notifications, loading, empty states), and data…
not rated 5 4mo ago A 113 tokens
original MIT
page-codegen
905Skill Claude CodeCodex
Use when: generating complete Vue 3 page code (index.vue + data.ts + modal components + api.md + pages.ts registration) from a prototype page inventory and API contract, strictly following the cx-ui-produce project conventions. Read SKILL.md first (rules+constraints), then read the matching TPL-.md for the template…
not rated 5
changed 4d ago A 149 tokens
wordpress
906Skill Claude CodeCodex
Scaffold, set up, and work with a brmbh WordPress theme. Use when the user wants to create a new brmbh theme, set up the WordPress development environment, install dependencies, run the doctor check, add ACF blocks or custom post types, deploy, or sync the database.
not rated 5 1mo ago A 65 tokens
GPL-2.0
ux-design-agent
907Skill Codex
UX/product workflow for design-makers and consumers of existing designs. Use for making or revising mockups, screens, layouts, flows, prototypes, tokens, typography, components, design systems, live design previews, signoff, and Figma or board handoff. Also use to consume a prototype, Figma file, screenshots, or UI…
not rated 5
changed 6d ago A 140 tokens
chohra-med/claude_design_skill
Skill Claude CodeCodex
Take a UI from a one-line idea to on-brand, shippable design with Claude, in the correct order — brand foundation first, then components, screens, interactions, accessibility, and only then generation via /design. Use whenever someone wants to design, redesign, or generate a screen, page, component, or onboarding flow…
not rated 5 2mo ago A 135 tokens
original MIT
Skill Claude CodeCodex
Usage for alova v3 in browser/client-side/SSR applications (React, Nextjs, Vue3, Vue2, Nuxt, React-Native, Expo, Uniapp, Taro, Svelte, Svelitekit, Solid). Use this skill whenever the user asks about request an api, fetch data, alova client-side usage including setup, refetch data cross component, or any alova/client…
not rated 5 2mo ago A 135 tokens
original MIT
Skill Claude CodeCodex
A collection of best practices and tips for developing applications using Vue.js. This skill MUST be apply when developing, refactoring or reviewing Vue.js or Nuxt projects.
not rated 5 7mo ago A 39 tokens
original MIT
timepress-video
911chenxihuang1028-a11y/timepress-video
Skill Claude CodeCodex
A workflow for turning Chinese articles, scripts, product ideas, or process descriptions into short browser-based timeline videos. It supports motion explainers built with HTML, SVG, or GSAP, a JavaScript animation library.
not rated 5 1mo ago A 71 tokens
Skill Claude Code
Audit a web UI against WCAG 2.2 Level AA accessibility standards. Identify violations and recommend fixes before shipping.
not rated 5 4mo ago A 29 tokens
original MIT
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: