design

Create wireframes, mockups, and prototypes for user-centered interfaces.

9|5|Updated Nov 9, 2025
One-click install
npx skills add https://github.com/carlheath/ogmios --skill design-carlheath
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/carlheath/ogmios/tree/main/.claude/skills/design
Command: npx skills add https://github.com/carlheath/ogmios --skill design-carlheath

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and scripts (resource) and assets (resource) components.

What problem does it solve?

This Skill addresses the need for professional, user-centered interface and experience design, ensuring digital products are intuitive, accessible, and visually appealing.

Core Features & Use Cases

  • UI/UX Design: Creates wireframes, mockups, and prototypes for web and mobile applications.
  • Design Systems: Develops and maintains consistent design languages and component libraries.
  • Accessibility: Ensures designs meet WCAG standards for inclusive user experiences.
  • Use Case: Design a user-friendly onboarding flow for a new mobile application, including wireframes, mockups, and interactive prototypes.

Quick Start

Design a user interface for a new mobile app's onboarding process.

Frequently Asked Questions about design

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

FAQPage Schema
How do I design a user-friendly onboarding flow for a mobile app?

To design a user-friendly onboarding flow, generate wireframes, mockups, and interactive prototypes mapping user flows. This iterative process ensures your mobile app interface is intuitive, accessible, and visually engaging for new users.

How do I create a consistent UI design system for web and mobile applications?

Create a consistent UI design system by developing and maintaining a unified design language with reusable component libraries. This ensures visual communication remains uniform across all your web and mobile application interfaces.

How can I ensure my interface design meets WCAG accessibility standards?

Ensure your interface design meets WCAG accessibility standards by integrating inclusive user experience research and visual communication principles. This guarantees your digital products provide accessible interactions for all users.

What is the best way to prototype user flows for digital products?

The best way to prototype user flows is through an iterative design process mapping user journeys and creating interactive prototypes. This allows you to test and refine user-centered interfaces before development.

Can I use this approach to build wireframes and mockups for any digital product?

You can use this approach to build wireframes and mockups for any digital product requiring user-centered interfaces. It supports professional UX/UI design for both web and mobile applications to ensure intuitive experiences.

Do I need user experience research to create accessible UI components?

You need user experience research to create accessible UI components because it grounds your visual communication in actual user needs. This ensures your designs effectively meet WCAG standards for inclusive experiences.