design-system
1705Skill Claude Code
Frontend design conventions for {{ projectname }} -- layout hierarchy, spacing, typography, anti-slop rules. Auto-activates when creating or modifying templates, CSS, or frontend components.
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 Code
Frontend design conventions for {{ projectname }} -- layout hierarchy, spacing, typography, anti-slop rules. Auto-activates when creating or modifying templates, CSS, or frontend components.
Command Claude Code
OS 7.1 orchestrator entrypoint for Next.js frontend 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.
verygoodsecurity/collect-js-react
Skill Claude CodeCodex
Help VGS customers integrate, implement, migrate, troubleshoot, or review the public @vgs/collect-js-react wrapper. Use when users ask to add VGS Collect to React apps, create cards with Card Management Platform through VGSCollectSession, configure VGSCollectSession or VGSCollectForm, render secure React field…
Skill Claude CodeCodex
Orchestrates the safe, reliable integration of third-party libraries (TailwindCSS, Angular Material, NgRx, etc.) into an Angular project. Generates and uses standardized llms.txt documentation files for accurate context and prevents hallucinated commands.
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 Claude CodeCodex
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.
Skill Claude CodeCodex
A coding workflow for implementing both back-end and front-end tasks from a shared task-splitting file. It follows each part of the existing project’s coding rules and labels AI-generated code.
10x-Anit/10x-Vibe-Marketer-Skill
Plugin Claude Code
10x Team Landing Page Builder. 10x Vibe Marketer - Landing page skill plugin.
Cursor rule Cursor
Advanced Motion UI (AMUI) — Create clean, modern UI with subtle Framer Motion micro-interactions, clear states (idle/loading/success/error), consistent styling via design tokens, and smooth animations. Use when the user wants motion-rich, polished UI with micro-interactions. Triggers: motion, animation, framer motion…
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.
gyh333/element-plus-vue3-skill
Skill Claude CodeCodex
Build, modify, review, or troubleshoot production Vue 3 applications that use Element Plus. Use for Element Plus installation with pnpm-first setup, Vite auto-import configuration, component implementation, enterprise admin systems such as OA, MES, CRM, CMS, ERP, commerce/mall, forms, tables, dialogs, drawers…
itsdishant/senior-angular-architect
Skill Claude CodeCodex
Senior Angular architecture guidance for enterprise Angular applications. Use when an AI agent needs to design, review, optimize, secure, test, migrate, or govern Angular applications, including standalone-first architecture, signals, RxJS, NgRx/ComponentStore, SSR, zoneless readiness, module boundaries, and…
Skill Codex
Integrate and use argon-router in React web applications with Effector. Use when tasks involve creating routes and routers, wiring RouterControls/history adapters, composing routes with chainRoute/group/createVirtualRoute, rendering views with RouterProvider/createRoutesView/Outlet, building links with Link/useLink…
Skill Claude CodeCodex needs its repo
Write, configure, migrate, and review modern Tailwind CSS v4 (CSS-first) in any stack or none — framework-agnostic, examples are plain HTML + CSS/SCSS. Use whenever setting up Tailwind, doing a v3->v4 migration (@tailwind->@import, JS config->@theme), defining a reusable design-token / color system + dark mode via…
Skill Codex
Assist HBuilderX and uni-app project development with the local HBuilderX CLI. Use when Codex or another AI agent needs to locate HBuilderX cli.exe from common Windows install paths, inspect uni-app or uni-app x projects, run or publish to Web/H5, mini program, App Android/iOS/Harmony targets, collect logs, list…
Plugin Claude Code
Bundles 1 skill · 144 tokens together
Reusable Claude Code skills by Agustin Kassis. Currently ships: nostr-waitlist (scaffold an email + Nostr waitlist flow into Next.js).
Skill Claude CodeCodex
Implements "Architectural Constructional Interface Design" (ACID) — the dark, technical-blueprint/engineering-schematic UI aesthetic used by dev portfolios and component registries such as chanhdai.com (full-bleed hairline rules, diagonal-stripe section dividers, bordered panel grids with persistent vertical rail…
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: