Skill UI

A comprehensive skill that automates the entire process of creating professional, production-ready thumbnails for articles or newsletters. It reads the article copy, proposes multiple composition concepts (e.g., bold claim, conceptual object), writes tailored prompts, calls the Gemini API for image generation, and evaluates the results using computer vision, returning ranked candidates with rationale.

This skill synthesizes raw user interview transcripts into structured research findings. It identifies core themes, pain points, workflow insights, and actionable product implications. Use this when analyzing qualitative research notes to derive evidence-based product recommendations and next steps for development teams.

This skill analyzes raw user research data—including transcripts, survey results, and feedback—and synthesizes it into a structured, actionable report. It identifies key themes, quantifies prevalence, pinpoints critical pain points, prioritizes feature requests, and provides strategic, evidence-backed recommendations for product improvement and development.

This skill transforms vague feature briefs, PRD sections, or general ideas into highly detailed, actionable user stories. It enforces industry best practices by including standard formats (As a... I want to...), behavioral acceptance criteria (Given/When/Then), edge cases, and a Definition of Done. Ideal for product managers and business analysts who need to create estimate-ready tickets for development teams.

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.

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 detailing the aesthetic and technical implementation of AI-native user interfaces for web and mobile applications. It emphasizes conversational flow, adaptive layouts, and generative state visual cues, providing CSS, SwiftUI, and Flutter code examples.

This skill automates end-to-end (E2E) functional testing for Android applications. It parses an XML specification defining a multi-step user 'journey.' The executor sequentially performs interactive UI actions (taps, swipes, text input) using ADB commands and verifies application states through assertions. It outputs a detailed, standardized JSON report, making it ideal for robust CI/CD integration and quality assurance.

A comprehensive guide detailing the implementation of the 'Bento UI' design pattern across web (CSS Grid), mobile (SwiftUI), and cross-platform (Flutter) environments. This pattern creates highly structured, modular, grid-based dashboards resembling modern app layouts, ensuring aesthetic consistency and responsiveness.

A comprehensive guide for implementing Brutalist Typography aesthetics across web and mobile platforms. This style intentionally breaks traditional design rules, utilizing massive system fonts, clashing colors (Black, White, Red), and aggressive layouts (overlapping, negative margins) to create a raw, attention-demanding, and unapologetic visual experience. Includes detailed CSS, SwiftUI, Flutter, and React Native examples.

This comprehensive guide provides implementation details for Card-Based Design, a popular pattern for displaying bite-sized, discrete information units. It covers best practices for achieving responsive, Pinterest-style layouts across multiple platforms, including modern CSS Grid/Masonry for web, and native frameworks like SwiftUI, Flutter, and React Native for mobile apps. Use it when structuring content feeds, portfolio grids, or news articles.

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.