muapi-design-guide
Create a comprehensive brand design guide — color palette, typography pairings, UI component previews, and visual identity rules with example mockups.
npx skills add SamurAIGPT/Generative-Media-Skills --skill design-guide --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# 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 | |:---|:---|:---|:---|:---| | `brand_name` | text | yes | — | The brand or product name. | | `industry` | text | yes | — | Industry/niche (e.g. "fintech startup", "organic skincare", "luxury hotel chain"). | | `style_direction` | text | no | modern, minimal, premium | Design aesthetic (e.g. "bold and playful", "corporate and trustworthy", "dark luxury"). | | `primary_color` | text | no | — | Optional brand primary color (hex code or color name, e.g. "#3898EC" or "deep navy"). | | `existing_logo` | image_url | 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 {{brand_name}} — {{style_direction}} style brand for {{industry}}. Shows 5 swatches: primary, secondary, accent, ba
- Inputs
- Steps
- Phase A — Color & Typography Reference Card
- Phase B — UI Component Preview
- Phase C — Brand Application Mockup
- Notes
- Trigger Keywords
- Notes for the Executing Agent
What does the muapi-design-guide skill do?
Create a comprehensive brand design guide — color palette, typography pairings, UI component previews, and visual identity rules with example mockups.
How do I install it?
Run `npx skills add SamurAIGPT/Generative-Media-Skills --skill design-guide --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From SamurAIGPT/Generative-Media-Skills, a repository with 3,976 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.