ui-designer

Design accessible user interfaces aligned with design systems and brand guidelines.

Updated Jan 19, 2023
One-click install
npx skills add https://github.com/claudchereji/VisualVerses --skill ui-designer-claudchereji
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-designer
Source: https://github.com/claudchereji/VisualVerses/tree/main/.opencode/skills/ui-designer
Command: npx skills add https://github.com/claudchereji/VisualVerses --skill ui-designer-claudchereji

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the challenge of creating visually appealing, user-friendly, and accessible digital interfaces that align with brand identity and design system standards.

Core Features & Use Cases

  • Interface Design: Develops intuitive and aesthetically pleasing user interfaces.
  • Design System Adherence: Ensures consistency by leveraging and extending existing design systems.
  • Accessibility Focus: Integrates accessibility best practices into the design process.
  • Use Case: A startup needs a new mobile app interface. This Skill can design the core screens, define reusable components, and ensure the design meets accessibility guidelines.

Quick Start

Request the ui-designer skill to create a new login screen design based on the provided brand guidelines.

Frequently Asked Questions about ui-designer

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

FAQPage Schema
How do I design an accessible user interface that follows design system standards?

To design an accessible user interface, this Skill integrates accessibility best practices into the design process while balancing aesthetics and functionality. It ensures consistency by leveraging and extending existing design systems to create intuitive screens.

What is the best way to create a mobile app login screen that aligns with my brand identity?

The best way to create a mobile app login screen is to request this Skill with your brand guidelines. It designs intuitive, visually appealing interfaces and establishes reusable components that align with your specific brand identity.

How does visual hierarchy influence interaction design in user interfaces?

Visual hierarchy in interaction design guides user attention and establishes functional balance within the interface. This Skill masters visual hierarchy and interaction patterns to craft beautiful user experiences that maintain aesthetic and functional harmony.

Can I use this to extend an existing design system for new product features?

Yes, you can use this to extend an existing design system for new product features. It ensures design system adherence by leveraging current standards and defining reusable components, maintaining consistency across new interface developments.

Do I need a context manager to gather design context before creating user interfaces?

You do not strictly need a separate context manager, as this Skill integrates with context-manager functionality to gather design context automatically. It provides progress updates during execution to streamline the user experience design process.