ui-designer

Provide UX/UI design guidance for web app interfaces.

Updated Nov 8, 2024

Search Tags:#usability #ui-design #user-experience #ux #interaction-design #design-thinking

Ready to run

npx skills add https://github.com/cedanl/.github --skill ui-designer-cedanl

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-designer
Source: https://github.com/cedanl/.github/tree/main/.claude/skills/ui-designer
Command: npx skills add https://github.com/cedanl/.github --skill ui-designer-cedanl

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides senior UX- and UI-design guidance, focusing on understanding user goals, context, and constraints before delivering actionable design strategies and solutions.

Core Features & Use Cases

Comprehensive UX strategy: problem framing from a user-centered perspective, ISGVO-based design decisions, and iterative refinement.
Interaction and visual design support: guidance on information architecture, micro-interactions, typography, color, and layout to enhance usability and aesthetics.
Real-world scenarios: applicable to dashboards, forms, checkout flows, and complex product interfaces to improve clarity and outcomes.

Quick Start

Provide a prioritized UX/UI improvement plan for a current interface issue, including problem framing and actionable design steps.

Frequently Asked Questions about ui-designer

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

FAQPage Schema

How do I improve user flows for complex web app interfaces?▼

Improving user flows requires framing problems from a user-centered perspective and iteratively refining interaction patterns. This approach delivers actionable design steps, rationale, and concrete recommendations for complex web app interfaces.

What is the best way to design checkout flows and dashboards for better usability?▼

Designing better dashboards and checkout flows involves applying comprehensive UX strategy, including information architecture guidance, micro-interactions, and visual polish like typography and color adjustments to enhance overall usability and aesthetics.

Can I get UI design recommendations for existing software components?▼

Yes, you can receive prioritized UI design recommendations for existing software components. The process evaluates current interface issues and provides a structured improvement plan complete with design rationale and actionable steps.

How does design thinking apply to interaction design and visual polish?▼

Design thinking applies to interaction design by using ISGVO-based decisions to frame user goals and constraints. It translates these insights into visual polish, covering typography, color, and layout to enhance aesthetics and usability.

When do I need professional UX strategy for a product interface?▼

You need professional UX strategy when a product interface requires problem framing, interaction pattern evaluation, and iterative refinement to improve clarity and outcomes in complex scenarios like forms or dashboards.