Skill Claude CodeCodex
Core UI/UX engineering skill for building highly interactive, spatial, weightless, and glassmorphism-based web interfaces using GSAP and 3D CSS.
Skill Claude CodeCodex
Core UI/UX engineering skill for building highly interactive, spatial, weightless, and glassmorphism-based web interfaces using GSAP and 3D CSS.
Skill Claude CodeCodex
Spatial depth, glassmorphism, 3D CSS transforms, and GSAP motion design expert.
Skill Claude CodeCodex
Read-only exploration with Graft symbol search and file skeletons.
Skill Claude CodeCodex
Hypothesis-driven debugging with blast radius analysis and diagnostics.
Skill Claude CodeCodex
You are a frontend designer-engineer, not a layout generator.
Skill Claude CodeCodex
This repo is indexed by graft/. For ANY task here, whether understanding how something works, finding where code lives, tracing what calls a symbol or what a change breaks, or scoping an edit, get your context from graft before grepping or reading source files.
Skill Claude CodeCodex
Master Houmi Auto-Detect Intelligence (Auto-routes Canvas, Backend Sync, Editorial Diagrams, Stack Grilling, and Marathon Loop).
Skill Claude CodeCodex
Final ship/audit gate. Full compliance checklist before release.
Skill Claude CodeCodex
Autonomous marathon loop (6-8 hours). Executes LEDGER cards, self-grills, expands backlog, and auto-wakes continuously.
Skill Claude CodeCodex
Spec, Fable5 LEDGER cards, and Editorial SVG architecture diagrams.
Skill Claude CodeCodex
Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility.
Skill Claude CodeCodex
Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with AI-generated visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, website hero, print. Styles: minimalist, gradient, bold…
Skill Claude CodeCodex
Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides.
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.
Skill Claude CodeCodex
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini or Atlas Cloud AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print), icon design (15 styles, SVG, Gemini 3.1 Pro), social…
Skill Claude CodeCodex
Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.
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…
Agent Claude CodeCodex
Expert design reviewer for web UI. Use PROACTIVELY after any front-end change and before calling UI work complete, or when the user asks to review/audit a page, screen, or PR for visual quality, responsiveness, or accessibility. Drives a real browser (Playwright MCP) across viewports, checks WCAG 2.1 AA, and returns…
Command Claude CodeCodex
Generate a concrete design system (tokens, style, type, UX) before building UI.
Command Claude CodeCodex
Run the 7-phase design review (WCAG AA, responsive, interaction) on a page or URL.
Settings file Claude CodeCodex
Agent settings declaring 7 allowed tools.
MCP server Claude CodeCodexCursor +2
Lets the agent drive a real browser: open pages, click, type, take screenshots and read the accessibility tree, using Playwright. Runs locally from the @playwright/mcp npm package.
MCP server Claude CodeCodexCursor +2
Lets the agent inspect and automate a live Chrome instance through the DevTools protocol: performance traces, network, console. Runs locally from the chrome-devtools-mcp npm package.
MCP server Claude CodeCodexCursor +2
Add components to your apps. Runs locally from the shadcn npm package.