designer

Transform functional descriptions into stitched maquettes and a documented design system.

Updated Mar 25, 2026
One-click install
npx skills add https://github.com/leadmind-ai/leadmind-ai-website --skill designer-leadmind-ai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: designer
Source: https://github.com/leadmind-ai/leadmind-ai-website/tree/main/.claude/skills/designer/orchestrateur
Command: npx skills add https://github.com/leadmind-ai/leadmind-ai-website --skill designer-leadmind-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Ce skill orchestre la phase Design UI/UX en enchaînant : enrichissement du prompt (enhance-prompt), génération Stitch MCP, et extraction du design system (design-md). Ce skill devrait être utilisé après le pipeline Architecte, quand l'architecture API et data existent. Il transforme la description fonctionnelle en maquettes haute fidélité et un design system documenté — sans aucun handoff Figma.

Core Features & Use Cases

  • Enrichir le prompt et structurer le scope du design à partir du contexte du projet.
  • Générer des maquettes via Stitch MCP et extraire le design system avec DESIGN.md.
  • Valider chaque étape via des checkpoints humains et orchestrer les transitions entre les phases.

Quick Start

Donnez une description du projet et validez chaque phase du pipeline Designer UI/UX.

Frequently Asked Questions about designer

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

FAQPage Schema
How do I automate UI/UX design to high-fidelity mockups from a functional description?

Automating UI/UX design to high-fidelity mockups requires orchestrating prompt enrichment, Stitch MCP generation, and design-system extraction to transform functional descriptions into stitched maquettes without manual handoff.

Do I need existing API and data architecture before generating UI mockups?

Yes, generating UI mockups through this workflow requires existing API and data architecture from a prior Architect pipeline, along with source design artifacts like plans or a PRD, to ensure accurate design orchestration.

Can I generate a documented design system without using Figma for handoff?

Yes, you can generate a documented design system without Figma handoff by using Stitch MCP for high-fidelity maquette generation and extracting the design system directly into documentation via defined skills.

How do I validate design checkpoints during UI mockup generation?

Validating design checkpoints during UI mockup generation requires explicit human validation at each transition phase, ensuring the enriched prompts and Stitch MCP outputs align with the project scope before proceeding.

What is the best way to structure UI design scope from project context?

Structuring UI design scope from project context is best achieved by enriching the initial prompt with functional descriptions and source artifacts, which then guides the Stitch MCP generation and design-system extraction workflow.

What happens if I skip the human validation checkpoints in the design workflow?

Skipping human validation checkpoints in the design workflow breaks the orchestrated transitions between prompt enrichment, Stitch MCP generation, and design-system extraction, risking misaligned mockups and incomplete design documentation.