skills.rest
SamurAIGPT
SamurAIGPTOFFICIAL
Explore all skills by this author →
GitHub

muapi-design-guide

Generates brand design guides with color palettes, typography, UI components, and mockups via MuAPI.

4.2k|481|Updated May 25, 2023
Search Tags:#image generation#brand identity#design guide#muapi#Typography#Color palette#UI Components
One-click install
npx skills add https://github.com/SamurAIGPT/Generative-Media-Skills --skill muapi-design-guide
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: muapi-design-guide
Source: https://github.com/SamurAIGPT/Generative-Media-Skills/tree/main/library/visual/design-guide
Command: npx skills add https://github.com/SamurAIGPT/Generative-Media-Skills --skill muapi-design-guide

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creating a cohesive brand design guide normally requires a designer and hours of manual work across color, typography, and component decisions. This Skill automates the process by generating a complete visual identity package from just a brand name and industry.

Core Features & Use Cases

  • Color & Typography Cards: Generates a labeled color palette card with hex codes and a typography pairing sheet showing heading, body, and caption font rules.
  • UI Component Previews: Produces a Figma-style design system mockup with buttons, inputs, cards, badges, and icons in consistent brand styling.
  • Real-World Mockups: Applies the brand identity to business cards, letterheads, and app icons, optionally using an existing logo as an image-edit reference.
  • Use Case: A founder launching a fintech startup provides the brand name, industry, and a "modern, minimal" style direction, and receives four coordinated brand assets plus a written summary of font stacks, hex codes, and usage rules.

Quick Start

Ask the agent to create a brand design guide for your brand name and industry, optionally specifying a style direction and primary color.

Frequently Asked Questions about muapi-design-guide

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a brand design guide with AI?▼

Provide your brand name, industry, and an optional style direction, and the skill runs three parallel generation phases via the muapi CLI. It produces a color palette card, typography sheet, UI component mockup, and real-world brand mockup, plus a written summary of fonts and hex codes.

What inputs are required to create a brand style guide?▼

Only brand_name and industry are required. Optional inputs include style_direction (defaulting to modern, minimal, premium), a primary_color hex code, and an existing_logo image URL used as a reference for the mockup phase.

Can I use an existing logo when generating brand mockups?▼

Yes. Pass the existing_logo input as an image URL, and the skill uses muapi image edit with the nano-banana-pro-edit model to incorporate your logo into the real-world brand application mockups.

Which image generation models does this skill use?▼

It uses bytedance-seedream-v4.5 for the color palette and typography cards, gpt4o-text-to-image for the UI component mockup, and nano-banana-pro for the real-world brand application mockup, all called through the muapi CLI.

What happens if the muapi CLI has no alias for a model?▼

The skill falls back to calling the raw MuAPI endpoint with curl using your MUAPI_API_KEY header, then polls the result with muapi predict wait using the returned request ID.

Related Skills

Explore More Design & Creative Skills→
sun2443sun2443

visual-competitive-analysis

Audit competitor visual identities and generate comparison tables and positioning maps.

Community
Advanced
oakossoakoss
14

brand-designer

Generate cohesive brand identities with SVG logos, Tailwind color tokens, and typography systems.

Official
Advanced
OpenLaborOpenLabor
4

Brand Identity

Create brand identity systems with logo, color, typography, and voice guidelines.

Official
Intermediate
metric-space-aimetric-space-ai
2

figma-implement-design

Converts Figma designs into production-ready code via the MCP workflow.

Official
Advanced