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

0•

Design Tools

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

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

01Interactive design pattern modeling with state feedback

02Iterative design support via session replay and resume capabilities

03Automated generation of user flows and wireframe specifications

04Comprehensive UI component system and documentation building

050 GitHub stars

06Responsive layout guides for mobile, tablet, and desktop

Use Cases

01Designing responsive information architectures for complex SaaS platforms

02Generating standardized UI component libraries in JSONL format

03Prototyping e-commerce checkout flows and registration wireframes

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add chaorenex1/coding-workflow ux-design-gemini

For use in Claude.ai and ChatGPT

Download Skill