Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →samuraigpt/muapi-design-guide
Create a comprehensive brand design guide — color palette, typography pairings, UI component previews, and visual identity rules with example mockups.
Passed 17 of 20 test cases with the skill, and 6 of 20 without it.
and 10 more in the full report
12 fixed7 passed either way4 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 12 test cases the skill fixed. Same model, same prompt, with and without the skill.
What aspect ratio setting is used for both the color palette reference card and the typography pairing preview card in Phase A of the design system generator?
| Checked | Without skill | With skill |
|---|---|---|
| Specifies a 16:9 aspect ratio for both Phase A cards. | Missed | Passed |
The instructions your model reads when the skill loads.
Create a comprehensive brand design guide — color palette, typography pairings, UI component previews, and visual identity rules with example mockups.
| 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. |
This skill runs THREE parallel generation phases, all in a single the plan.
Color palette card — muapi image generate (model=bytedance-seedream-v4.5):
Clean design guide color palette card for {{brand_name}} — {{style_direction}} 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.{{primary_color}} is given, include it: primary color is {{primary_color}}Typography pairing preview — muapi image generate (model=bytedance-seedream-v4.5):
Brand typography pairing sheet for {{brand_name}} — {{style_direction}}. 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.muapi image generate (model=gpt4o-text-to-image):
{{brand_name}} brand design system UI kit — {{style_direction}} for {{industry}}. Shows: primary button, secondary button, input field, card component, badge/tag, icon set sample. Consistent brand colors and fonts. Professional design spec sheet, light mode, high detail, Figma-style component documentation.muapi image generate (model=nano-banana-pro):
{{brand_name}} brand identity applied to real-world mockups — {{style_direction}} style for {{industry}}. Shows business card, letterhead, and mobile app icon all with consistent brand identity. Professional brand presentation, clean background, photorealistic mockups.test cases passed, vs 6 / 20 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.