Skill Claude CodeCodex
Audit a palette or design for WCAG color contrast and legibility, and suggest compliant adjustments. Use when finalizing a palette, design tokens, or any text-over-color/imagery.
Connector-first Claude Code pack for graphic designers: Figma, Canva, Adobe Firefly, Nano Banana, Higgsfield, Unsplash, Brand.dev + skills, design guardrails (contrast/licensing/asset hygiene), loops & review agents.
Skill Claude CodeCodex
Audit a palette or design for WCAG color contrast and legibility, and suggest compliant adjustments. Use when finalizing a palette, design tokens, or any text-over-color/imagery.
Skill Claude CodeCodex
Produce a clean export/delivery spec - right formats, sizes, densities, naming, color profile, optimization - for a set of assets. Use when delivering assets to a client or developer.
Skill Claude CodeCodex
Assemble or audit a brand kit - logo, colors, typography, spacing, usage rules - and pull real brand data via Brand.dev. Use when starting brand work, onboarding a client, or standardizing a brand.
Skill Claude CodeCodex
Create or edit a branded layout in Canva via the connector - from a brand template, then export. Use for social posts, flyers, decks, and marketing collateral that should stay on-brand and fast.
Skill Claude CodeCodex
Critique a design against craft principles - hierarchy, layout, type, color, spacing, accessibility, brand fit. Use when reviewing a draft, a generated image, or a layout before delivery.
Skill Claude CodeCodex
Define or extract a design token system (color, type, spacing, radius, shadow) and output it as JSON/CSS variables. Use when setting up a design system or converting a Figma/brand palette to tokens.
Skill Claude CodeCodex
Pull a Figma design via the Figma connector and produce a developer handoff - tokens, specs, redlines, asset list, and component notes. Use when handing a design to engineering or auditing a Figma file.
Skill Claude CodeCodex
Edit or retouch an existing image with a connector - background removal, generative fill/expand, cleanup, recolor, or compositing. Use when modifying a photo or asset rather than generating from scratch.
Skill Claude CodeCodex
Generate images with an AI connector (Nano Banana / Gemini, Higgsfield Soul, or Firefly) using a strong prompt framework, the right model, aspect ratio, and iteration. Use when creating original imagery, concepts, or hero art.
Skill Claude CodeCodex
Develop logo direction and concepts - brief, strategy, style exploration, and concept generation - with usage and licensing care. Use when designing or exploring a logo/identity mark.
Skill Claude CodeCodex
Build a visual direction / moodboard - style, palette, type, texture, references - before producing assets. Use at the start of a brand, campaign, or design project to align on direction.
Skill Claude CodeCodex
Design Open Graph / social share images (1200x630) that render well in link previews - on-brand, legible, correctly exported. Use when a page or post needs a share/preview image.
Skill Claude CodeCodex
Build a presentation deck from an outline - consistent layout system, hierarchy, on-brand visuals - via Canva or as structured slides. Use for pitch decks, brand presentations, and client proposals.
Skill Claude CodeCodex
Produce a set of platform-sized social/marketing graphics (correct dimensions, safe areas, on-brand) via Canva or image generation. Use for campaign posts, stories, ads, and banners.
Skill Claude CodeCodex
Find and license stock imagery via the Unsplash connector (or other libraries) with proper attribution and commercial-use checks. Use when you need real photography rather than AI generation.