Skill UI

This comprehensive guide provides expert strategies for optimizing popups, modals, and overlays to maximize conversions. It covers best practices for various triggers—including exit intent, scroll depth, and click actions—and details the copy, design, and psychological principles needed to capture leads and drive sales without negatively impacting the user experience.

This skill provides comprehensive, expert-level guidelines for authoring robust design systems. It covers foundational style tokens, strict accessibility requirements (WCAG 2.2 AA), and detailed component anatomy (states, variants, interaction behavior). Use this to create implementation-ready documentation that ensures visual consistency and optimal user experience across all digital platforms.

Provides comprehensive, expert-level guidelines for building a cozy, cafe-inspired UI design system. It covers style foundations (color, typography, spacing), component anatomy, accessibility (WCAG 2.2 AA), and content tone. Ideal for engineers and designers collaborating on a cohesive, user-centric product experience.

A comprehensive technical and aesthetic guide for building a modern, high-contrast user interface. This system defines foundational constraints, including color tokens, typography scales, and spacing grids, while rigorously ensuring WCAG 2.2 AA accessibility standards. It provides structured rules for component states, interactions, and development workflow to ensure consistency and superior user experience.

A comprehensive guide for building a playful, cartoonesque digital interface. It defines brand foundations, style tokens (typography, color, spacing), accessibility requirements (WCAG 2.2 AA), and component-level rules to ensure a consistent, energetic, and user-friendly experience.

This skill is designed to enhance the overall feel and usability of user interfaces. Currently, this file is undergoing Japanese translation. Please refer to the original English skill file for detailed functionality and usage scenarios.

This is an expert guide for creating a comprehensive design system based on the 'mono' aesthetic. It provides practical, implementation-ready rules for engineers and designers, covering visual foundations (color, typography, spacing), accessibility standards (WCAG 2.2 AA), component anatomy, and interaction behavior. The goal is to establish a consistent, high-contrast, and hacker-chic user experience.

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 guide provides expert principles and strategies for optimizing the entire user onboarding journey, from initial signup to achieving the 'Aha Moment.' It covers core CRO principles (Time-to-Value, One Goal Per Session), designing effective checklists, utilizing empty states, coordinating multi-channel communication (email/in-app), and defining key activation metrics. Use this when aiming to boost user retention and improve the first-run experience across SaaS, B2B, and mobile applications.

A comprehensive guide for optimizing the entire user signup, registration, and account creation journey. This resource covers core CRO principles, such as minimizing required fields, reducing perceived effort, and improving UX for various forms (email, password, social auth). It provides strategies for single-step versus multi-step flows, mobile optimization, and handling post-submit experiences to maximize conversion rates across B2B and B2C products.

This guide details techniques for pre-caching critical assets in Flutter and Flutter Web, including Google Fonts, local images, and network resources. By proactively loading required data and assets (e.g., using `precacheImage` or `GoogleFonts.pendingFonts`), developers can prevent common performance issues like jank, loading flashes, and delayed rendering, ensuring a smooth and fast initial user experience.

This agent provides a critical framework for navigating corporate environments, contrasting internal jargon and process visibility (Ding In) with objective, real-world evidence and user experience (Ding Out). It helps users move beyond subjective 'feelings' or polished reports, structuring complex tasks into verifiable components: Goal, Acceptance Criteria, Action, Evidence, and Risk. Ideal for project management, status reporting, and critical thinking in a corporate setting.