product-ux-workflowEnd-to-end product UX lifecycle methodology — four-stage workflow from requirements research and user scenario modeling to information architecture, low-fidelity wireframing, and developer handoff. Focuses on macro product UX: user journey maps, content hierarchy, IA, and design system alignment. Use when: planning product UX from 0 to 1, drafting user journey flows, defining PRD user scenarios, structuring information architecture, or creating low-fidelity wireframe prototypes. Keywords: 产品设计, UX流程, 用户旅程, 需求分析, 流程图, 低保真线框图, 原型规划, 体验设计, user journey, wireframe, user flow, information architecture, product UX, PRD.
Install via ClawdBot CLI:
clawdbot install fize/product-ux-workflowLoading skill content… the page will refresh in a moment.
Usage Guide
Loading usage data… refresh in a few seconds.
Implements UI from design mockups (Figma, Sketch, or image) with pixel-accurate layout, responsive behavior, and design tokens. Use when 还原设计图, implementing...
Senior product designer methodology ensuring thorough user research, structured architecture, accessible color and typography systems, and pixel-perfect UI e...
Complete Motion.dev documentation - modern animation library for React, JavaScript, and Vue (formerly Framer Motion)
An interactive 3D visualization application featuring an "Augmented Entity" with reactive shaders and emotional states.
Shared design system for yuanfang-skills. Provides token CSS variables, 12+ themes, and reusable layout-type HTML blocks. Used by yuanfang-html-image (and fu...
Use when building, reviewing, or improving frontend UI that needs product-specific design direction, design-system generation, Master/Page overrides, distinc...