skills.rest
jpeggdev
jpeggdevCOMMUNITY
Explore all skills by this author →
Website𝕏@jpegg_devGitHub

ui-ux-designer

Provide UI/UX design consultation covering visual design, interaction design, and design systems.

Updated Aug 27, 2026
Search Tags:#design system#visual design#user experience#ux design#ui design#interaction design
One-click install
npx skills add https://github.com/jpeggdev/api-dev-studio --skill ui-ux-designer-jpeggdev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-designer
Source: https://github.com/jpeggdev/api-dev-studio/tree/main/.agents/skills/ui-ux-designer
Command: npx skills add https://github.com/jpeggdev/api-dev-studio --skill ui-ux-designer-jpeggdev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides expert guidance and solutions for UI/UX design challenges, from visual aesthetics and interaction patterns to comprehensive design systems.

Core Features & Use Cases

  • UI Design: Covers visual design, responsive layouts, brand consistency, and design specifications.
  • UX Design: Encompasses user research, information architecture, interaction design, and usability testing.
  • Design Systems: Offers principles and templates for creating robust color systems, typography, spacing, and component libraries.
  • Use Case: A startup needs to design a new mobile app. This Skill can guide them through user research, wireframing, high-fidelity mockups, and defining a consistent design system for their product.

Quick Start

Act as a UI/UX designer to help me create a design system for a new e-commerce mobile app.

Frequently Asked Questions about ui-ux-designer

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

FAQPage Schema
How do I create a design system for a mobile app?▼

To create a design system for a mobile app, establish core principles for color, typography, and spacing, then build a comprehensive component library using Atomic Design methodologies.

What is the best way to approach user experience design for a new product?▼

The best way to approach user experience design is applying Design Thinking methodologies, conducting user research, mapping information architecture, and performing usability testing for user-centered interfaces.

How does interaction design fit into creating user-centered interfaces?▼

Interaction design defines how users engage with product features, fitting into user-centered interfaces by establishing responsive interaction patterns and visual design specifications across the product.

Can I use this for wireframing and high-fidelity mockups?▼

Yes, you can use this for wireframing and high-fidelity mockups. It guides the creation of visual layouts and detailed design specifications referencing tools like Figma and Sketch.

What principles should I follow for visual design and brand consistency?▼

For visual design and brand consistency, follow established design principles that define robust color systems, typography rules, and spacing templates within your overall design system.

When do I need a comprehensive design specification and component library?▼

You need a comprehensive design specification and component library when scaling a product, ensuring visual consistency, and standardizing interaction design across multiple screens and user flows.

Related Skills

Explore More Design & Creative Skills→
hfadhlullahhfadhlullah

PRD Generator

Generate Product Requirements Documents through an interview process.

Community
Advanced
jeffwweeejeffwweee

ui-designer

Generate HTML wireframes, React/MUI mockups, and design specifications.

Community
Intermediate
daffy0208daffy0208
34

UX Designer

Create information architecture, user flows, wireframes, and prototypes for digital products.

Community
Intermediate
steipetesteipete
385.7k

sag

Convert text to natural-sounding speech via the sag CLI with ElevenLabs TTS.

Community
Intermediate