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-workflowGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://clawhub.ai/user/fizeAudited Sep 9, 2026 · audit v1.0
Generated Sep 9, 2026
Design a streamlined onboarding flow that guides new business users from sign-up to their first data dashboard. The flow must accommodate role-based permissions and data source integration, ensuring a low learning curve for non-technical users while maintaining advanced feature discoverability. The goal is to reduce time-to-value and increase feature adoption.
Restructure the mobile purchase journey to reduce cart abandonment by simplifying the checkout process, providing multiple payment options, and offering guest checkout. The UX must handle various states like payment processing and error recovery gracefully, and integrate with existing design systems for rapid development.
Redesign the patient portal to make it easier for patients to access test results, schedule appointments, and communicate with providers. The portal must comply with industry regulations and be accessible to users with varying technical skills, emphasizing clear content hierarchy and intuitive navigation.
Design a zero-to-one product for retail investors to visualize portfolio performance, set goals, and receive personalized insights. The UX must present complex financial data simply, with appropriate user flow diagrams for both novice and seasoned investors, and define clear interaction states for data loading and market updates.
Create a gamified learning experience for an online course platform that motivates users to complete lessons and achieve milestones. The design should include reward systems, progress bars, and social sharing features, with mobile-first responsiveness for learning on the go.
Subscription tiers with monthly/annual pricing, offering features based on plan levels. Revenue is recurring and grows with customer acquisition and retention. Upselling opportunities through advanced features and integrations.
Revenue generated from product sales, with potential additional income from transaction fees for payment processing or premium seller services. Efficiency in checkout directly impacts conversion rate and sales volume.
Core features free with a paid premium tier for advanced tools, deeper analytics, or enhanced customization. This model is common in tech products and can also attract advertisers if user base is large.
💬 Integration Tip
Pair this skill with `interaction-design-sop` for micro-interaction resilience checklists and `ui-framework-spec` when using component libraries to ensure design consistency and rapid prototyping.
Scored Sep 9, 2026
Implements UI from design mockups (Figma, Sketch, or image) with pixel-accurate layout, responsive behavior, and design tokens. Use when 还原设计图, implementing...
Complete Motion.dev documentation - modern animation library for React, JavaScript, and Vue (formerly Framer Motion)
Build immersive, cinematic 2.5D interactive websites using scroll storytelling, parallax depth, text animations, and premium scroll effects — no WebGL requir...
Figma integration. Manage Files, Projects, Teams. Use when the user wants to interact with Figma data.
Build interactive HTML prototypes. Use when creating clickable mockups, adding animations, linking pages, or exporting HTML.
Generate professional book covers and ebook covers using each::sense API with AI-powered design