m-binimran/design-pack

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.

3Stars on the repository
43Mods indexed here, across every type
2mo agoLast push, which is what freshness is scored on
MITLicence, which decides whether bodies are shown

m-binimran/design-pack

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.

3 2mo ago A 43 tokens original MIT

asset-export

02

m-binimran/design-pack

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.

3 2mo ago A 41 tokens original MIT

brand-kit

03

m-binimran/design-pack

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.

3 2mo ago A 47 tokens original MIT

canva-design

04

m-binimran/design-pack

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.

3 2mo ago A 44 tokens original MIT

design-review

05

m-binimran/design-pack

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.

3 2mo ago A 42 tokens original MIT

design-tokens

06

m-binimran/design-pack

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.

3 2mo ago A 49 tokens original MIT

figma-handoff

07

m-binimran/design-pack

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.

3 2mo ago A 50 tokens original MIT

image-edit

08

m-binimran/design-pack

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.

3 2mo ago A 45 tokens original MIT

image-generate

09

m-binimran/design-pack

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.

3 2mo ago A 53 tokens original MIT

logo-concepts

10

m-binimran/design-pack

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.

3 2mo ago A 38 tokens original MIT

moodboard

11

m-binimran/design-pack

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.

3 2mo ago A 44 tokens original MIT

og-image

12

m-binimran/design-pack

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.

3 2mo ago A 45 tokens original MIT

presentation-deck

13

m-binimran/design-pack

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.

3 2mo ago A 41 tokens original MIT

social-graphics

14

m-binimran/design-pack

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.

3 2mo ago A 42 tokens original MIT

stock-source

15

m-binimran/design-pack

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.

3 2mo ago A 37 tokens original MIT