Skill UI

This skill generates a comprehensive and structured test strategy document. Given a feature specification, PRD, or system description, it systematically outlines the test scope, performs a detailed risk assessment, defines necessary test types (Unit, E2E, Performance, Security), and provides a prioritized, actionable test case outline to ensure robust quality assurance before release.

Generates a comprehensive and actionable UX research plan for any product feature or question. This skill covers the entire research lifecycle, including defining objectives, selecting methodology (e.g., usability testing, interviews), creating participant screeners, writing discussion guides, and structuring a synthesis framework. Ideal for product managers and UX researchers needing a structured approach to validate assumptions and drive design decisions.

A comprehensive framework designed for formal procurement decision-making. This skill guides the creation of a weighted scorecard and detailed evaluation criteria by assessing functional fit, commercial terms, security compliance, and vendor stability. Use this when conducting RFPs, comparing multiple suppliers, or making critical software/service provider choices to ensure a holistic, risk-mitigated recommendation.

A comprehensive framework designed to help content creators and marketers plan, structure, and write highly shareable, high-reach social media content. It teaches the psychology behind sharing, provides proven hook formulas (e.g., contrarian statements, specific numbers), and builds a repeatable system to maximize engagement and organic reach across platforms like LinkedIn, TikTok, and Instagram.

This skill generates a comprehensive, structured guide for planning and facilitating any type of workshop, strategic session, or collaborative meeting. It covers the entire lifecycle, including defining clear objectives, designing detailed activities with instructions, managing group dynamics and conflicts, and ensuring concrete commitments and next steps are captured. Ideal for project managers, trainers, and team leads.

A comprehensive guide for designing and implementing 3D user interfaces across web, mobile, and cross-platform environments. Learn core principles like perspective transformations, Z-axis depth, and interactive rotation to build visually stunning, spatially immersive, and highly engaging product experiences.

This skill automates end-to-end testing for Android applications using a structured XML specification. It executes multi-step user journeys sequentially, performing interactive UI actions (taps, swipes, text inputs via ADB) and verifying system state expectations. Results are compiled into a standardized JSON report, making it ideal for continuous integration and quality assurance workflows.

This guide details the principles and implementation for Color Blocking design, an aesthetic characterized by large, solid, contrasting color sections (Mondrian style). It provides comprehensive technical implementations using CSS Grid (Web), SwiftUI, and Flutter for achieving striking, geometric layouts defined by bold colors and clean typography. Perfect for modern, impactful UIs.

A comprehensive guide to implementing the iconic Cyberpunk aesthetic across multiple platforms (Web, iOS, Android, Flutter). This guide details core principles like Neon-on-Black color schemes, sharply angled geometries (using clip-path or custom clippers), and glitch effects. It is ideal for developers needing to create high-tech, dystopian, or hacking interface experiences.

This comprehensive guide outlines the core principles for implementing effective and aesthetically pleasing dark mode across multiple platforms. It covers critical rules such as avoiding pure black backgrounds, defining elevation using lightness contrast, and utilizing desaturated accent colors to reduce eye strain. Detailed code examples for Web (CSS), iOS (SwiftUI), and Flutter are provided, ensuring a premium, high-fidelity user experience.

A comprehensive guide for designing and implementing professional, data-driven dashboards across web, iOS, and Flutter. It details core principles like modular grid layouts, establishing data hierarchy (KPIs, charts), and maintaining minimalist aesthetics. Includes specific code examples using CSS Grid, SwiftUI, and Flutter widgets to ensure optimal user experience and data clarity.

A comprehensive design guide for creating ultra-compact, high-utility user interfaces. Ideal for professional tools, financial dashboards, or IDEs where information density is paramount. Principles include compact layouts, monospace typography, high contrast dark themes, and maximizing functional pixels while minimizing whitespace.