skills.rest
cedanl
cedanlOFFICIAL
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/cedanl/.github --skill ui-designer-cedanl
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
Prorise-coolProrise-cool
24

lean-ux-canvas

Guide product teams through Jeff Gothelf's Lean UX Canvas v2.

Community
Advanced
CertChain-IUHCertChain-IUH

polish

Align components, refine typography, and enforce a release polish checklist.

Official
Advanced
LGuguiLGugui

impeccable

Design and iterate frontend interfaces with UX and accessibility standards.

Community
Advanced
fernandobandeirafernandobandeira
9

user-research

Conduct user research through interviews, journey mapping, and usability testing.

Community
Advanced