m-binimran

m-binimran/design-pack

Instructions file

Instructions for m-binimran/design-pack, covering claude.md - working on design-pack, what this repo is, house rules for changing this repo, verify and conventions.

m-binimran/design-pack

Agent

Pre-delivery QA on an export set - file formats, sizes, densities, naming, color profile, optimization, contrast, and license records. Use before handing assets to a client or developer, and inside /handoff.

m-binimran/design-pack

Agent

Checks a design/asset against the brand kit - approved colors, typography, logo usage, clear space, and voice. Use before delivering branded work, and inside /design-it and /brand-kit.

m-binimran/design-pack

Agent

Critiques a design or generated image against craft principles - hierarchy, layout, type, color, spacing, accessibility, and the anti-template bar. Use after producing a design, and inside /design-it.

m-binimran/design-pack

Command

Audit a palette or design for WCAG color contrast and legibility, and suggest compliant adjustments. Use when finalizing a palette, design tokens, or any tex...

m-binimran/design-pack

Command

Produce a clean export/delivery spec - right formats, sizes, densities, naming, color profile, optimization - for a set of assets. Use when delivering assets...

m-binimran/design-pack

Command

Pre-delivery QA on an export set - file formats, sizes, densities, naming, color profile, optimization, contrast, and license records. Use before handing ass...

m-binimran/design-pack

Command

Checks a design/asset against the brand kit - approved colors, typography, logo usage, clear space, and voice. Use before delivering branded work, and inside...

m-binimran/design-pack

Command

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 collatera...

m-binimran/design-pack

Command

Critiques a design or generated image against craft principles - hierarchy, layout, type, color, spacing, accessibility, and the anti-template bar. Use after...

m-binimran/design-pack

Command

Critique a design against craft principles - hierarchy, layout, type, color, spacing, accessibility, brand fit. Use when reviewing a draft, a generated image...

m-binimran/design-pack

Command

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 co...

m-binimran/design-pack

Command

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 de...

m-binimran/design-pack

Command

Edit or retouch an existing image with a connector - background removal, generative fill/expand, cleanup, recolor, or compositing. Use when modifying a photo...

m-binimran/design-pack

Command

Generate images with an AI connector (Nano Banana / Gemini, Higgsfield Soul, or Firefly) using a strong prompt framework, the right model, aspect ratio, and...

m-binimran/design-pack

Command

Develop logo direction and concepts - brief, strategy, style exploration, and concept generation - with usage and licensing care. Use when designing or explo...

m-binimran/design-pack

Command

Build a visual direction / moodboard - style, palette, type, texture, references - before producing assets. Use at the start of a brand, campaign, or design...

m-binimran/design-pack

Command

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...

m-binimran/design-pack

Command

Build a presentation deck from an outline - consistent layout system, hierarchy, on-brand visuals - via Canva or as structured slides. Use for pitch decks, b...

m-binimran/design-pack

Command

Produce a set of platform-sized social/marketing graphics (correct dimensions, safe areas, on-brand) via Canva or image generation. Use for campaign posts, s...

m-binimran/design-pack

Command

Find and license stock imagery via the Unsplash connector (or other libraries) with proper attribution and commercial-use checks. Use when you need real phot...

m-binimran/design-pack

MCP server Claude CodeCodexCursor +2

MCP server "higgsfield", hosted remotely at higgsfield.ai, as configured in m-binimran/design-pack.

m-binimran/design-pack

MCP server Claude CodeCodexCursor +2

MCP server "figma", hosted remotely, as configured in m-binimran/design-pack.

m-binimran/design-pack

MCP server Claude CodeCodexCursor +2

MCP server "canva", hosted remotely, as configured in m-binimran/design-pack.