How does this skill use the Gemini backend?

It leverages the memex-cli tool to send specialized UX prompts to Gemini, allowing for high-quality design reasoning and structured output.

What output formats are available for the designs?

You can choose between 'text' for human-readable documentation and 'jsonl' for structured data that can be processed by other tools.

Does it support responsive design planning?

Absolutely. It includes specific patterns for creating layout guides that adapt across mobile, tablet, and desktop environments.

Is this skill suitable for building a design system?

Yes, it is specifically designed to create component specifications including styles for buttons, inputs, cards, and navigation bars.

Can I refine a design after the initial generation?

Yes, the skill uses the 'resume' command and run IDs to allow iterative improvements on specific design aspects based on previous outputs.

Gemini UX Design System

Name: Gemini UX Design System
Author: chaorenex1

bychaorenex1

Design Tools

Generates professional UX artifacts including user flows, wireframes, and UI component specifications using the Gemini backend.

About

This skill integrates memex-cli with Google's Gemini models to automate and streamline the UX design process within Claude Code. It allows designers and developers to generate detailed user flow diagrams, wireframe specifications, and comprehensive design system documentation using natural language. With built-in support for memory and session replays, the skill facilitates an iterative workflow where users can refine interaction patterns, design responsive layouts for multiple devices, and export structured design data for immediate implementation.

Key Features

Interactive design pattern modeling with state feedback
Iterative design support via session replay and resume capabilities
Automated generation of user flows and wireframe specifications
Comprehensive UI component system and documentation building
0 GitHub stars
Responsive layout guides for mobile, tablet, and desktop

Use Cases

Designing responsive information architectures for complex SaaS platforms
Generating standardized UI component libraries in JSONL format
Prototyping e-commerce checkout flows and registration wireframes

About

Key Features

Interactive design pattern modeling with state feedback
Iterative design support via session replay and resume capabilities
Automated generation of user flows and wireframe specifications
Comprehensive UI component system and documentation building
0 GitHub stars
Responsive layout guides for mobile, tablet, and desktop

Use Cases

Designing responsive information architectures for complex SaaS platforms
Generating standardized UI component libraries in JSONL format
Prototyping e-commerce checkout flows and registration wireframes