design

Design UX and UI systems through personas, journeys, flows, and prototypes.

Updated Aug 23, 2026

Search Tags:#design system #visual design #prototyping #user flows #ux design #ui design

Ready to run

npx skills add https://github.com/SharadKumar/nterprise-web --skill design-sharadkumar

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design
Source: https://github.com/SharadKumar/nterprise-web/tree/main/.claude/skills/design
Command: npx skills add https://github.com/SharadKumar/nterprise-web --skill design-sharadkumar

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill transforms product requirements and solutions into a fully realized user experience and visual design, bridging the gap between concept and implementation.

Core Features & Use Cases

Experience Design (Phase 1): Develops personas, user journeys, screen flows, data models, requirements, and screen inventories.
Visual Design (Phase 2): Generates design tokens, component inventories, visual designs (via Pencil if available), and an interactive prototype.
Use Case: After defining a product's core features (/product) and technical architecture (/solution), this Skill designs the user-facing aspects, creating a detailed blueprint for developers.

Quick Start

Design the user experience and visual system for the product.

Frequently Asked Questions about design

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

FAQPage Schema

How do I design user flows and data models for a new software product?▼

To design user flows and data models, this Skill analyzes product requirements through an initial UX design phase, generating personas, user journeys, screen inventories, and data models to establish the foundational experience architecture.

What is the best way to turn product requirements into an interactive UI prototype?▼

Turning product requirements into an interactive UI prototype involves a visual design phase that generates design tokens, component inventories, and visual designs, culminating in a functional prototype ready for developer handoff.

Can I generate design tokens and component inventories directly from upstream product definitions?▼

Yes, you can generate design tokens and component inventories by integrating upstream product and solution definitions, which feed directly into the visual design phase to produce standardized UI assets.

How does UX design integrate with UI visual design in a two-phase process?▼

UX design integrates with UI visual design by first executing an analytical phase for user flows and requirements, followed by a creative phase that uses those artifacts to generate design tokens and interactive prototypes.

Do I need upstream product and solution definitions before starting UX and UI design?▼

Upstream product and solution definitions are expected as inputs, allowing the design process to bridge the gap between conceptual architecture and implementation by transforming core features into realized user experiences.

What artifacts does the visual design phase produce for downstream specification and build phases?▼

The visual design phase produces artifacts for downstream specification and build phases including design tokens, component inventories, visual designs, and an interactive prototype to guide developers during implementation.