Skill UI

An expert tool for generating high-level system context documentation using the C4 Model. This skill helps define system boundaries by documenting key personas, user journeys, core features, and external dependencies. It provides a stakeholder-friendly overview, ideal for initial architectural planning and system scoping.

This skill provides comprehensive guidance on building reliable, fast, and maintainable end-to-end (E2E) test suites. It ensures code quality by validating critical user journeys and catching regressions in complex workflows before deployment. Essential for setting up robust CI/CD pipelines, cross-browser compatibility, and establishing rigorous QA standards.

A comprehensive guide to production-ready error tracking using Sentry SDK in TypeScript and Python. Learn how to implement structured error context via scopes, manage user journeys with breadcrumbs, filter out noise and PII using beforeSend/beforeBreadcrumb hooks, and use custom fingerprinting for accurate issue grouping. Essential for robust observability.

This comprehensive toolkit guides senior UX designers and researchers through the entire product development lifecycle. It covers generating data-backed personas, mapping user journeys, planning structured usability tests, and synthesizing raw research data into actionable design recommendations. Use it when conducting deep user research or validating product designs.

Build a hierarchical user story map that lays out activities, steps, and tasks to visualize journeys, align product/design/engineering, prioritize MVP work, and surface experience gaps before backlog planning.

This comprehensive tool helps users set, track, and optimize personal health goals using deep data analysis. It validates goals against the SMART criteria (Specific, Measurable, Achievable, Relevant, Time-bound) and tracks progress by correlating diverse health data, including nutrition, exercise, and sleep patterns. Key features include habit formation analysis, motivation assessment, identifying roadblocks, and generating interactive reports with ECharts visualizations, providing a holistic view of wellness journeys.

A comprehensive guide to product analytics, covering essential concepts like event tracking (PostHog, Mixpanel), funnels, cohort analysis, retention metrics, North Star Metrics, and OKR setting. Use this skill to define data-driven product strategies, optimize user journeys, and build robust performance dashboards.

This skill assists in designing comprehensive, user-centric flow maps and navigation architectures. It adheres to established UX principles, such as Progressive Disclosure, Miller's Law, and Hick's Law, ensuring optimal user journeys. Use it to map out the structural connections, screen inventory, and edge case handling for a product feature, creating a scaffolded blueprint before visual implementation.

An evidence-based coach providing guidance on fundamental wellness pillars: sleep hygiene, nutrition, exercise, and stress management. It uses behavior change science and motivational interviewing principles to help users build sustainable, lasting health habits. This tool is educational and motivational, designed to support general wellness journeys, and always emphasizes the critical need to consult healthcare professionals for diagnosis or treatment.

Generate a high-fidelity, multi-screen mobile prototype simulating a gamified experience, perfect for habit trackers, life management apps, or RPG concepts. The output features three distinct phone frames: cover/value proposition, daily quests dashboard, and detailed quest view, all presented on a single dark showcase stage. Ideal for visualizing user journeys and engagement mechanics.

This guide provides comprehensive strategies for optimizing user signup, account creation, and registration flows across various platforms. Learn how to reduce friction by minimizing required fields, implementing smart UX for forms, optimizing social logins, and designing effective multi-step versus single-step journeys to maximize conversion rates and minimize drop-off.

This comprehensive guide provides expert, implementation-ready guidelines for building narrative-driven digital experiences. It covers foundational elements like visual style, typography, color tokens, and spacing, alongside strict component rules and accessibility standards (WCAG 2.2 AA). Use it to transform functional interfaces into emotionally resonant and memorable user journeys.