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.

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 skill generates a comprehensive, actionable performance budget document for any web service or application. It moves beyond wish lists by establishing measurable performance constraints, covering key user journeys, Core Web Vitals (LCP, CLS, INP), backend SLOs (P95, P99), and architectural limitations. It guides teams on setting targets, measurement tools, and incident response processes when budgets are breached.