Skill UI

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.

This skill provides a comprehensive blueprint for designing digital products within Figma. It systematically maps out entire user journeys, including happy paths, loading states, error conditions, empty states, and edge cases. By defining the complete flow and suggested file structure beforehand, it prevents scope creep and ensures designers account for every necessary screen variant before starting the actual design work.

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.

This skill guides the creation of a comprehensive Service Level Objective (SLO) document. It helps define Service Level Indicators (SLIs) by identifying critical user journeys and measuring key metrics like success rate and latency. It calculates the allowed "error budget" and establishes a burn rate policy to maintain service reliability while enabling feature velocity and principled trade-offs.

A comprehensive guide for building, scaling, and managing vibrant developer communities across various platforms like Discord, Slack, and forums. It covers the full lifecycle, from platform selection and optimal channel structuring to implementing robust onboarding journeys and continuous engagement programs. Essential for product managers, community managers, and technical founders aiming to build a strong developer ecosystem.

Design comprehensive customer journeys using state machine logic. This tool maps out every touchpoint, defines transitions based on customer behavior, incorporates branching logic for personalization, and simulates expected outcomes across multiple communication channels (email, SMS, social, etc.) before implementation. Ideal for optimizing acquisition, retention, and advocacy strategies.