Agent skill · design visual · samuraigpt
muapi-design-guide
Create a comprehensive brand design guide — color palette, typography pairings, UI component previews, and visual identity rules with example mockups.
Why this skill is useful
Generates a comprehensive brand design guide with specific mockups and visual identity rules that the AI wouldn't reliably create on its own.
What it needs
Requires muapi installed locally. About 2k tokens when loaded. Last updated 2026-08-04. 3,990 stars on the source repository.
What this skill does
Brand Design Guide Create a comprehensive brand design guide — color palette, typography pairings, UI component previews, and visual identity rules with example mockups. Inputs Name Type Required Default Description :--- :--- :--- :--- :--- brandname text yes — The brand or product name. industry text yes — Industry/niche (e.g. "fintech startup", "organic skincare", "luxury hotel chain"). styledirection text no modern, minimal, premium Design aesthetic (e.g. "bold and playful", "corporate and trustworthy", "dark luxury"). primarycolor text no — Optional brand primary color (hex code or color name, e.g. "#3898EC" or "deep navy"). existinglogo imageurl no — Optional existing logo to extract brand cues from. Steps This skill runs THREE parallel generation phases, all in a single the plan. Phase A — Color & Typography Reference Card 1. Color palette card — muapi image generate (model=bytedance-seedream-v4.5): Prompt: Clean design guide color palette card for {{brandname}} — {{styledirection}} style brand for {{industry}}. Shows 5 swatches: primary, secondary, accent, background, text. Each swatch labeled with hex code. Modern design reference card, white background, editorial typography, flat design. If {{primarycolor}} is given, include it: primary color is {{primarycolor}} Aspect ratio: 16:9 2. Typography pairing preview — muapi image generate (model=bytedance-seedream-v4.5): Prompt: Brand typography pairing sheet for {{brandname}} — {{styledirection}}. Shows heading font (large, bold), subheading font (medium), body font (small regular), and caption font. Includes font names, sizes, and usage rules. Clean white background, professional design reference. Aspect ratio: 16:9 Phase B — UI Component Preview 3. UI components mockup — muapi image generate (model=gpt4o-text-to-image): Prompt: {{brandname}} brand design system UI kit — {{styledirection}} for {{industry}}. Shows: primary button, secondary button, input field, card component, badge/tag, icon set sample. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills samuraigpt/design-guide