Command
Generate an accessible colour palette from a hex value.
Command
Generate an accessible colour palette from a hex value.
Command
Generate a favicon package from a logo or brand.
Command
Generate a cohesive SVG icon set for a project.
Command
Resize, convert, or optimise images for web.
Skill Claude CodeCodex
Generate AI images using Gemini or GPT APIs directly. Covers model selection (Gemini for scenes; GPT Image 2 for text rendering, batch variations, multi-reference compositing; GPT Image 1.5 for transparent icons), the 5-part prompting framework, API calling patterns, multi-turn editing, and quality assurance. Produces…
Skill Claude CodeCodex
Generate complete, accessible colour palettes from a single brand hex. Produces 11-shade scale (50-950), semantic tokens, dark mode variants, Tailwind v4 CSS output, WCAG contrast checks. Use whenever the user supplies a brand hex and asks for a palette, mentions setting up a design system, wants Tailwind theme…
Skill Claude CodeCodex
Generate custom favicons from logos, text, or brand colours. Produces favicon.svg, favicon.ico, apple-touch-icon.png, icon-192/512.png, and web manifest. Use whenever the user wants a favicon, mentions replacing a CMS default favicon, converting a logo into a favicon, creating branded initials icons, or…
Skill Claude CodeCodex
Generate cohesive, project-specific SVG icon sets for websites and applications. Use this skill whenever the user needs custom icons, an icon set for a website or app, icons for a client project, or mentions needing SVG icons that look consistent together. Also trigger when the user describes a project and icons would…
Skill Claude CodeCodex
Process images for web development — resize, crop, trim whitespace, convert formats (PNG/WebP/JPG), optimise file size, generate thumbnails, create OG card images. Uses Pillow (Python) — no ImageMagick needed. Trigger with 'resize image', 'convert to webp', 'trim logo', 'optimise images', 'make thumbnail', 'create OG…
Plugin Claude Code
Project health and permission management, dev sessions, team updates with feedback triage, GitHub releases, multi-model brains trust, git workflows, UX audits, responsive layout testing, and browser automation.
Command
Generate publishable user documentation with screenshots from a running app.
Command
Deep research and discovery before building something new.
Command
Audit and enforce the core/client boundary in multi-client codebases.
Command
Guided git workflows — PRs, branch cleanup, conflict resolution.
Command
Audit and generate in-app user guidance — onboarding, empty states, tours, help content.
Command
Generate project documentation from codebase analysis.
Command
Audit and manage project configuration — permissions, context, docs.
Command
Prepare and publish a GitHub release.
Command
Test responsive layout across viewport widths.
Command
Plan and execute entire application builds — roadmap generation + autonomous phase-by-phase execution.
Command
Post project updates to team chat, gather and triage feedback.
Command
Walk a live web app AS a real user — interaction-first methodology. Hard gates (console / network / layout-collapse), Persona Lock, Interaction Manifest enforcement, multi-pane stress, visual polish, perfection checklist, 11 scenarios (judgement-density-ordered), Top 5 + self-critique pass + smallest-possible-patch +…
Command
Compare UX patterns across pattern libraries produced by ux-extract.
Command
Exhaustively extract UX patterns from a reference web app into a reusable pattern library.