ui-ux-designing

Creates design-concept documents for app and web service UI/UX.

4|Updated Dec 11, 2025
One-click install
npx skills add https://github.com/tomada1114/tomada-claude-plugins --skill ui-ux-designing
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-designing
Source: https://github.com/tomada1114/tomada-claude-plugins/tree/main/agile-tools/skills/ui-ux-designing
Command: npx skills add https://github.com/tomada1114/tomada-claude-plugins --skill ui-ux-designing

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Design UI/UX concepts for apps and web services through systematic research and questioning.

Core Features & Use Cases

  • Systematic UX research and pattern analysis to guide design direction.
  • Proactive design concept generation and documentation using a templated approach.
  • Use Case: When starting a new feature, run through a phase-based discovery to produce a design-concept document.

Quick Start

Try the ui-ux-designing skill to generate a design concept document for a new onboarding flow.

Frequently Asked Questions about ui-ux-designing

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

FAQPage Schema
How do I systematically design UI/UX concepts for a new app feature?

Systematically design UI/UX concepts by running through phased discovery—research, pattern analysis, and questioning—then apply a design-concept template to produce documented deliverables. This workflow guides you from problem definition through concept generation.

What's the difference between UX patterns and design systems?

UX patterns are reusable solutions to common interaction problems; design systems codify those patterns alongside visual rules, components, and guidelines into comprehensive documentation. This skill helps you evaluate and apply patterns within a structured system.

How do I create design-system documentation from UX research?

Create design-system documentation by conducting systematic UX research, identifying patterns in user behavior and interface solutions, then organizing findings into a templated design-concept document that serves as your system's reference and governance guide.

When should I conduct design research before starting UI work?

Conduct design research before starting UI work when shaping design direction for new features or products. Phased discovery uncovers user needs, context, and constraints that prevent costly design rework and ensure your concepts solve real problems.

Can I use this workflow for redesigning an existing interface?

Yes. The structured workflow—discovery, reference guidance, and templated concept generation—applies to redesigns. Systematic questioning and pattern analysis help you evaluate what's working, identify gaps, and generate improved concepts grounded in research.

What color-scheme decisions should inform my design direction?

Color-scheme decisions should emerge from design research and user context, not aesthetics alone. During discovery, evaluate how color supports information hierarchy, accessibility, and brand intent, then document these choices in your design-concept template for consistency.