skills.rest
Ghabs95
Ghabs95COMMUNITY
Explore all skills by this author →
GitHub

ProductDesigner

Manage design tokens, components, and user journeys for the WALLIBLE ecosystem.

Updated Aug 23, 2026
Search Tags:#accessibility#design system#visual consistency#user experience#product design#ux
One-click install
npx skills add https://github.com/Ghabs95/agents --skill productdesigner
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ProductDesigner
Source: https://github.com/Ghabs95/agents/tree/main/wlbl-agents/.agent/skills/product_designer
Command: npx skills add https://github.com/Ghabs95/agents --skill productdesigner

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill ensures visual consistency and optimal user experience across all WALLIBLE products by managing the design system and user flows.

Core Features & Use Cases

  • Design System Management: Maintains a unified set of design tokens, components, and guidelines for mobile, web, and marketing touchpoints.
  • UX Flow Design: Creates end-to-end user journeys, wireframes, and interaction patterns with a focus on conversion and accessibility.
  • Use Case: When developing a new feature for the WALLIBLE app, this Skill can be consulted to ensure the new UI elements adhere to the existing design system and follow established user flow patterns, guaranteeing a cohesive user experience.

Quick Start

Consult the Product Designer to ensure the new onboarding flow for the mobile app aligns with the current design system.

Frequently Asked Questions about ProductDesigner

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

FAQPage Schema
How do I maintain visual consistency across mobile, web, and marketing platforms?▼

Maintain visual consistency by managing a unified design system containing shared design tokens, components, and guidelines. This ensures all digital touchpoints adhere to established visual standards and interaction patterns.

What is the best way to design accessible user journeys for a new app feature?▼

Design accessible user journeys by creating end-to-end UX flows and wireframes that prioritize accessibility compliance and conversion. This approach guarantees new features follow established interaction patterns while remaining usable.

Can I use this design system Skill to align new UI elements with existing user flows?▼

Yes, you can consult this Skill when developing new UI elements to ensure they adhere to the existing design system. It validates that new additions follow established user flow patterns for a cohesive experience.

Do I need to collaborate with development agents to manage design tokens effectively?▼

Yes, effective design system management requires adherence to design principles and collaboration with development and business agents. This ensures design tokens and components are implemented correctly across platforms.

Why does my product UI lack visual consistency across different touchpoints?▼

Your product UI lacks visual consistency because it is not managed under a unified design system. Implementing shared design tokens and component guidelines across mobile and web ensures a cohesive user experience.

Related Skills

Explore More Design & Creative Skills→
DavidLam-ossDavidLam-oss
283

openprd-requirement-intake

Route product requirements into L0, L1, or L2 development workflows.

Community
Advanced
Fire-ants-never-dieFire-ants-never-die

orchestrator-designer

Generate design tokens and component specifications for the Claude Orchestrator UI.

Official
Intermediate
AbsolutelySkilledAbsolutelySkilled
207

figma-to-code

Convert Figma design frames into HTML, CSS, and React components.

Official
Advanced
truongnattruongnat

ux-design-pro

Support UX design with user research, information architecture, wireframing, and WCAG accessibility standards.

Community
Advanced