skills.rest
caobingsheng
caobingshengCOMMUNITY
Explore all skills by this author →
GitHub

product-design

Provide Apple-level design guidance for design systems and UX critique.

1|Updated Mar 26, 2026
Search Tags:#design#accessibility#figma#handoff#tokens#ux#design-systems
One-click install
npx skills add https://github.com/caobingsheng/skills --skill product-design-caobingsheng
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: product-design
Source: https://github.com/caobingsheng/skills/tree/main/product/product-design
Command: npx skills add https://github.com/caobingsheng/skills --skill product-design-caobingsheng

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design challenges across product development require cohesive guidance, systematized visual language, and expert critique to align teams and outcomes.

Core Features & Use Cases

  • Apple-level design guidance for creating design systems, defining visual language, and performing UX reviews.
  • Accessibility, tokens, typography, color, spacing, motion, and handoff support across Figma and design tools.
  • Use Case: A team needs to unify a product's visuals and interaction patterns to reduce ambiguity and speed up handoff to engineering.

Quick Start

Draft a concise Apple-style visual language brief for a new onboarding experience.

Frequently Asked Questions about product-design

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

FAQPage Schema
How do I create a design system with consistent visual language?▼

Accessibility reviews ensure your product meets inclusive standards by evaluating visual contrast, interaction patterns, and UX coherence for both early concepts and mature products.

What's the best way to structure Figma handoff to engineering?▼

Defining visual language requires systematizing typography, color, spacing, and motion tokens across Figma to establish cohesive interaction patterns and scalable design workflows.

How do I perform a UX critique for a mature product?▼

Accessibility reviews for design systems evaluate color contrast, interaction patterns, and UX coherence to ensure inclusive standards across both early concepts and mature products.

How do I define design tokens for spacing and typography?▼

Defining design tokens involves systematizing spacing and typography values into a cohesive visual language to reduce ambiguity and enable scalable, deterministic design workflows.

Related Skills

Explore More Design & Creative Skills→
cpfcoachingcpfcoaching

idea-refine

Guide users through divergent and convergent thinking to refine ideas into actionable concepts.

Community
Advanced
olehsvyrydovolehsvyrydov
13

ui-designer

Architect design systems and component libraries from discovery to developer handoff.

Community
Advanced
phoenicisfphoenicisf

figma-implement-design

Translate Figma designs into production-ready UI code.

Community
Advanced
Prisma-Labs-DevPrisma-Labs-Dev
299

ios-design-consultant

Evaluate iOS interface layouts against Apple Human Interface Guidelines and Liquid Glass design.

Official
Intermediate