product-design

Generate platform-specific UI design specifications with design tokens and accessibility standards.

1|1|Updated Mar 9, 2026

Search Tags:#design #ui #accessibility #ios #android #ux #web

Ready to run

npx skills add https://github.com/Cure-Consulting-Group/ProductEngineeringSkills --skill product-design-cure-consulting-group

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: product-design
Source: https://github.com/Cure-Consulting-Group/ProductEngineeringSkills/tree/main/skills/product-design
Command: npx skills add https://github.com/Cure-Consulting-Group/ProductEngineeringSkills --skill product-design-cure-consulting-group

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill streamlines the creation of user interface designs by adhering to established design system hierarchies, platform-specific guidelines, and universal design principles, ensuring consistency, accessibility, and platform-native aesthetics.

Core Features & Use Cases

Platform-Specific Design: Generates designs compliant with Apple HIG, Material Design 3, or modern web standards.
Design System Integration: Incorporates design tokens, component libraries, and pattern libraries.
Accessibility Focus: Ensures designs meet WCAG AA or AAA standards for color contrast, touch targets, and screen reader compatibility.
Use Case: Design a new user profile screen for an iOS application, ensuring it follows Apple HIG, uses the company's design tokens, and meets accessibility requirements for contrast and touch targets.

Quick Start

Design a mobile app login screen following Material Design 3 guidelines.

Frequently Asked Questions about product-design

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

FAQPage Schema

How do I generate user interface design specifications for multiple platforms?▼

To generate user interface design specifications for multiple platforms, this Skill creates UI designs adhering to established design system hierarchies, platform-specific guidelines like Apple HIG and Material Design 3, and universal accessibility principles.

Does this design tool support WCAG accessibility standards for mobile and web interfaces?▼

Yes, this UI design tool supports WCAG AA or AAA accessibility standards. It ensures generated interfaces meet requirements for color contrast, touch targets, and screen reader compatibility across iOS, Android, and Web platforms.

How do I create a login screen following Material Design 3 guidelines?▼

To create a login screen following Material Design 3 guidelines, you provide a prompt detailing your requirements. The Skill then generates compliant UI design specifications incorporating platform-native aesthetics and universal design principles.

Can I use my existing design tokens and component libraries when generating UI specs?▼

Yes, you can use existing design tokens and component libraries. This Skill integrates design system hierarchies, incorporating your tokens, component libraries, and pattern libraries to ensure cross-platform consistency.

What is the best way to ensure consistent spacing systems across iOS, Android, and Web applications?▼

The best way to ensure consistent spacing systems across iOS, Android, and Web applications is to generate adaptive layouts using this Skill. It enforces a consistent spacing system and design tokens for cross-platform UI.