Vibe Design

Create visual designs with AI tools. Covers prompting for UI/graphics, Midjourney techniques, Figma AI workflow, and iteration patterns.

Security Scan

An instruction-only design assistant whose files, prompts, and workflows are coherent with its stated purpose and request no installs or credentials.

Purpose & Capability

The name/description (AI-driven visual design, Midjourney, Figma, prompting) matches the content of the included docs. No unrelated binaries, env vars, or config paths are requested.

Instruction Scope

SKILL.md and the linked docs only describe design workflows, prompt templates, and tool-specific flags (Midjourney, DALL‑E, Figma, Stable Diffusion). They do not instruct the agent to read local system files, access unrelated credentials, or call hidden network endpoints.

Install Mechanism

No install spec and no code files — instruction-only. This presents the lowest install risk (nothing is written to disk by the skill itself).

Credentials

The skill declares no required environment variables or credentials (appropriate). Note: the workflows assume you will use external services (Midjourney, Figma, DALL‑E) under your own accounts; if you connect those services you may need to provide credentials elsewhere — the skill itself does not request them.

Persistence & Privilege

always is false and there is no installation or persistent agent modification. The skill does not request elevated or permanent privileges.

Assessment

This is an instruction-only design skill that appears coherent and low-risk: it contains guidance and prompt templates for Figma, Midjourney, DALL‑E, and Stable Diffusion and does not request installs or credentials. Before using: (1) be careful not to paste API keys or sensitive credentials into chat or prompts; (2) avoid uploading proprietary or private customer data or IP to third‑party image services unless you accept their terms and data policies; (3) expect the skill to assume you’ll use external accounts (you must authorize those tools yourself); and (4) if you do not want the agent to invoke the skill autonomously, consider disabling autonomous invocation in your agent settings (the skill’s default allows model invocation, which is normal). If you want a deeper audit, provide any custom install scripts or integrations (none are present here).

What is Vibe Design

Design where you describe what you want and let AI generate visuals, layouts, and assets. You iterate based on results rather than pixel-pushing from scratch. Same philosophy as vibe coding applied to visual design.

Core principle: AI handles exploration and generation. You handle curation and refinement.

Quick Reference

Topic	File
Prompting for visuals	prompting.md
UI/UX design with AI	ui-design.md
Image generation tips	image-gen.md
Figma AI workflow	figma.md
Tools by use case	tools.md

Core Rules

1. Use Design Vocabulary, Not Art Vocabulary

AI responds differently to design vs art terms.

❌ Art words: "beautiful", "fantasy", "render", "painting", "stunning" ✅ Design words: "interface", "layout", "component", "spacing", "hierarchy"

Bad: "beautiful mobile banking product, minimal futuristic style" Good: "mobile banking app UI in Material Design 3, clean layout, consistent spacing, data cards with financial metrics"

2. Anchor with Design Systems

Adding a design system name drastically improves structure:

• "Material Design 3" → balanced spacing, cards, shadows
• "Apple HIG" → soft radii, clear typography, native feel
• "IBM Carbon" → enterprise dashboard layouts
• "Atlassian" → B2B tone, crisp typography

3. Layer Your Prompts

Build prompts with structure:

[Project type] UI design for [product/audience],
[style keywords],
[layout type],
[color palette],
[design system reference],
[rendering style]

4. Aspect Ratios Matter

• Web: --ar 16:9
• Mobile: --ar 4:5 or --ar 9:16
• Square/icons: --ar 1:1
• Always specify for consistent output

5. Iterate, Don't Perfect First Try

Vibe design = rapid exploration.

1. Generate 4-8 variants
2. Identify elements that work
3. Remix: "Like image 2, but with the color palette from image 3"
4. Refine winner in production tool (Figma, etc.)

6. AI for Exploration, Tools for Production

• AI generates: Mood, direction, concepts, rough layouts
• Production tools refine: Pixel-perfect spacing, real content, responsive behavior

Don't try to get production-ready from AI. Use it for the 80% exploration, finish the 20% manually.

7. Reference Over Description

When possible, show don't tell:

• Attach reference images
• Link to existing designs you like
• Use "in the style of [specific designer/brand]"

8. Design System Consistency

For production work:

• Export AI concepts as references, not finals
• Rebuild in your design system
• Maintain your spacing, typography, and color tokens
• AI inspiration → human implementation

9. Know the Tool Strengths

Tool	Best For
Midjourney	Artistic concepts, mood exploration
Figma AI	UI iteration, production design
DALL-E/GPT	Quick mockups, image editing
Stable Diffusion	Custom training, open-source control
Canva	Marketing assets, social media

See tools.md for detailed comparison.