maquettix

Generate high-fidelity SVG screen mockups for business applications.

1|Updated Mar 10, 2026
One-click install
npx skills add https://github.com/dduquenne/unanima-platform --skill maquettix
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: maquettix
Source: https://github.com/dduquenne/unanima-platform/tree/main/.claude/skills/maquettix
Command: npx skills add https://github.com/dduquenne/unanima-platform --skill maquettix

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Maquettix provides high-fidelity SVG mockups for métier applications, enabling clear visualization of screens early in the project and preventing UX misalignment.

Core Features & Use Cases

  • Haute-fidélité SVG maquettes prêt-à-insérer dans vos documents projet (Word, PDF, MD) avec compatibilité UX et ergonomie WCAG 2.1 AA.
  • Déclenche le design d’écrans sur demande (écrans liste, formulaire, dashboard, modal, etc.) et assure une cohérence avec le design system.
  • Utilise des composants réutilisables et produit des sorties SVG directement intégrables dans documents et specs fonctionnelles.

Quick Start

Describe the screen you need (e.g., a client data entry form) and Maquettix will generate a ready-to-use SVG mockup.

Frequently Asked Questions about maquettix

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

FAQPage Schema
How do I generate high-fidelity SVG mockups for business application screens?

Generate high-fidelity SVG mockups by describing the business screen you need, such as a dashboard or data grid. The Skill outputs production-ready SVG with semantic groupings, reusable components, and annotations for direct integration into documents or code.

Can I create wireframes for dashboards and data grids that meet WCAG 2.1 AA accessibility standards?

Yes, you can create wireframes for dashboards and data grids that meet WCAG 2.1 AA accessibility standards. The Skill ensures UX ergonomics and accessibility compliance while generating the SVG interface designs.

What is the best way to produce interface-design mockups for functional specifications in Word or PDF?

Producing interface-design mockups for functional specifications in Word or PDF is best handled by generating ready-to-insert SVG outputs. These SVG maquettes include clear annotations and reusable components for seamless document integration.

Does this mockup tool support multi-screen scenarios like shells, forms, and modals?

Yes, this mockup tool supports multi-screen scenarios including shells, forms, and modals. It triggers the design of these specific business screens on demand while ensuring alignment with your existing design system.

Why use SVG format for high-fidelity wireframes instead of other interface-design formats?

Using SVG format for high-fidelity wireframes ensures production-ready outputs with semantic groupings and reusable components. SVG files integrate directly into project documents and functional specs without requiring external image hosting.

Are there limitations when generating SVG mockups for complex business interface-design layouts?

There are no specific limitations mentioned for generating SVG mockups for complex business interface-design layouts. The Skill handles multi-screen scenarios like data grids and forms while maintaining design-system coherence and accessibility.