mhrsdev/AI-Agent-Skills-Library
Skill Claude CodeCodex
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
mhrsdev/AI-Agent-Skills-Library
Skill Claude CodeCodex
Build and sharpen a project's domain model. Use when the user wants to pin down domain terminology or a ubiquitous language, record an architectural decision, or when another skill needs to maintain the domain model.
mhrsdev/AI-Agent-Skills-Library
Skill Claude CodeCodex
Interview the user relentlessly about a plan or design. Use when the user wants to stress-test a plan before building, or uses any 'grill' trigger phrases.
mhrsdev/AI-Agent-Skills-Library
Skill Claude CodeCodex
Implement a piece of work based on a PRD or set of issues.
mhrsdev/AI-Agent-Skills-Library
Skill Claude CodeCodex
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
mhrsdev/AI-Agent-Skills-Library
Skill Claude CodeCodex
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
mhrsdev/AI-Agent-Skills-Library
Skill Claude CodeCodex
Compact the current conversation into a handoff document for another agent to pick up.
mhrsdev/AI-Agent-Skills-Library
Skill Claude CodeCodex
Create exercise directory structures with sections, problems, solutions, and explainers that pass linting. Use when user wants to scaffold exercises, create exercise stubs, or set up a new course section.
mhrsdev/AI-Agent-Skills-Library
Skill Claude CodeCodex
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
mhrsdev/AI-Agent-Skills-Library
Skill Claude CodeCodex
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
mhrsdev/AI-Agent-Skills-Library
Skill Claude CodeCodex
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.
mhrsdev/AI-Agent-Skills-Library
Skill Claude CodeCodex
Generate a structured DESIGN.md file for any business or project. Produces a machine-readable design system specification that build pipelines consume during code generation. Based on VoltAgent/awesome-design-md format.
mhrsdev/AI-Agent-Skills-Library
Skill Claude CodeCodex
Audit designs against 19 rules across Figma files and code (HTML/CSS/React/Vue/Tailwind). Auto-detects framework and design system (MUI, Chakra, shadcn/ui, Ant Design, Radix, Bootstrap). Runs code superpowers across all 19 categories: aria, focus, contrast, tokens, responsive, motion, forms, navigation, spacing…
mhrsdev/AI-Agent-Skills-Library
Skill Claude CodeCodex
Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.
mhrsdev/AI-Agent-Skills-Library
Skill Claude CodeCodex
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
mhrsdev/AI-Agent-Skills-Library
Skill Claude CodeCodex
Implement Google's Material Design 3 (Material You) UI system. Primary: Jetpack Compose Material3 (MaterialTheme, components, adaptive layout). Also Flutter and limited web (@material/web, maintenance mode). Covers tokens, 30+ components, layout, theming, M3 Expressive (platform matrix), and accessibility. Use when…
mhrsdev/AI-Agent-Skills-Library
Skill Claude CodeCodex
Diagnose and fix mobile-only hamburger drawer bugs caused by sticky headers, fixed nav/backdrop layers, scroll locking, and broad theme-switch transitions in static HTML/CSS/Vanilla JS sites. Use when a mobile menu works at the top of the page but breaks after scrolling, or when changing light/dark theme causes…
mhrsdev/AI-Agent-Skills-Library
Skill Claude CodeCodex
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns…
mhrsdev/AI-Agent-Skills-Library
Skill Claude CodeCodex
UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design…
mhrsdev/AI-Agent-Skills-Library
Skill Claude CodeCodex
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Codex's capabilities with specialized knowledge, workflows, or tool integrations.
mhrsdev/AI-Agent-Skills-Library
Skill Claude CodeCodex
A relentless interview to sharpen a plan or design, which also creates docs (ADR's and glossary) as we go.
mhrsdev/AI-Agent-Skills-Library
Skill Claude CodeCodex
Extract a DDD-style ubiquitous language glossary from the current conversation, flagging ambiguities and proposing canonical terms. Saves to UBIQUITOUSLANGUAGE.md. Use when user wants to define domain terms, build a glossary, harden terminology, create a ubiquitous language, or mentions "domain model" or "DDD".
mhrsdev/AI-Agent-Skills-Library
Skill Claude CodeCodex
Search, create, and manage notes in the Obsidian vault with wikilinks and index notes. Use when user wants to find, create, or organize notes in Obsidian.
mhrsdev/AI-Agent-Skills-Library
Skill Claude CodeCodex
Teach the user a new skill or concept, within this workspace.