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
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…
Skill 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".
Skill 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…
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…
Skill 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.…
Graidenix/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)…
Cursor rule Cursor
A set of frontend development rules covering file design, data access, changes to data, state management, performance, and assets.
Skill Codex
Use when implementing or modifying frontend work in Noah so changes follow the existing module registration, route metadata, API wrapper, mapper, schema, table, and widget patterns.
Skill Claude CodeCodex
Skill to understand and work better with motion systems.
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…
Cursor rule Cursor
// ✅ Server Component (default) export default function ProductPage({ params }: { params: { id: string } }) { // This runs on the server const product = await fetchProduct(params.id); return ; }.
Skill 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…
Skill 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.
Skill 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…
Plugin Claude Code
Bundles 1 skill · 74 tokens together
Build type-safe global state in React with Zustand. Supports TypeScript, persist middleware, devtools, slices pattern, and Next.js SSR with hydration handling. Use when setting up React state, migrating from Redux/Context, or troubleshooting hydration errors, TypeScript inference, or infinite render loops.
Cursor rule Cursor
Best practices for modern React and Next.js development with TypeScript, Tailwind CSS, and accessibility.
Cursor rule Cursor
Cursor rule "nextjs" from devridge0/basilic-evm, covering next.js rules, core principles, key conventions, component architecture and data fetching.
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…
Plugin Claude Code
Bundles 14 skills, 1 command, 1 agent · 1,542 tokens together
AI-native Astro + Cloudflare site builder. Ship production sites with Claude Code.
ymm-oss/try-and-learn-figma-mcp-server-book
Cursor rule Cursor
Welcome to the Simple Design System repository! This is a comprehensive React-based design system with Figma integration using Code Connect. This guide will help you understand how to work with the codebase effectively.
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…
MCP server Claude CodeCodexCursor +2
MCP server "drupal-bridge", hosted remotely at localhost, as configured in e0ipso/drupal-bridge-mcp.
Cursor rule Cursor
A set of standards for list pages, based on the structure and conventions of a Vue view named tapeLibrary/index.vue. Vue is a tool for building web interfaces.
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.
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: