product-design
OfficialDesign beautiful, accessible interfaces.
AuthorCure-Consulting-Group
Version1.0.0
Installs0
System Documentation
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.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: product-design Download link: https://github.com/Cure-Consulting-Group/ProductEngineeringSkills/archive/main.zip#product-design Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.