Skill UI

This elite workflow simulates the comprehensive process of a Senior Software Engineer and Product Designer. It enforces a rigorous development pipeline: starting with planning, solid architecture, and TDD implementation, through clean code practices, and technical auditing. Crucially, it includes mandatory, pixel-perfect UX visual validation to ensure the output is flawless, consistent, and production-grade.

This advanced workflow emulates an elite Senior Software Engineer and Senior Product Designer, ensuring maximum quality output. It enforces a rigorous, multi-step process including ultra-fast planning, solid architecture design, TDD implementation, clean code refactoring, technical auditing, and crucially, mandatory pixel-perfect UI/UX validation. Use this for complex projects demanding both robust code and flawless visual presentation.

This skill generates Mermaid diagrams to create visual organizational tools specifically designed for neurodivergent individuals, particularly those with ADHD. It helps externalize executive functions, reducing cognitive overwhelm by breaking down complex tasks into compassionate, manageable micro-steps. The tool auto-detects signs of distress and supports multiple accessibility modes (e.g., colorblind-safe, monochrome), making it useful for project planning, decision mapping, and personal productivity tracking.

This skill provides comprehensive capabilities for working with PowerPoint files (.pptx). It supports end-to-end workflows, including creating new presentations from scratch based on design principles, sophisticated content editing, and deep structural analysis. Users can extract plain text, access raw underlying XML (for notes, comments, and layouts), and apply expert design knowledge—such as selecting appropriate color palettes and establishing visual hierarchy—to ensure professional and effective presentations.

Guides how to craft detailed prompts for Google Stitch so it generates high-quality web and mobile UI designs, covering specificity, visual style, multi-screen structure, platform targeting, and iterative refinement.

Research current UI/UX visual trends from Dribbble and related design communities to inform color, typography, layout, and interaction choices before starting a project.

A comprehensive toolkit for senior UI designers to build robust and scalable design systems. It guides the generation of design tokens (colors, spacing, typography), structuring component libraries (Atoms to Organisms), implementing responsive layouts, and preparing detailed developer handoff documentation. Essential for maintaining visual consistency and bridging the gap between design and development.

An expert specialist for rigorous visual validation, focusing on UI testing, design system compliance, and WCAG accessibility verification. This skill systematically analyzes visual evidence for cross-platform consistency, pixel-perfect accuracy, and adherence to modern design standards, utilizing principles from visual regression testing and comprehensive QA methodologies.

Guides researchers through creating conference-ready posters in LaTeX, covering layouts, visuals, AI-generated graphics, and overflow-safe design for academic communication.

Design research posters with HTML/CSS templates that export to PDF or PPTX when PowerPoint format is explicitly requested, integrating responsive layouts and AI-generated visuals for quick preview and iteration.

Seaborn is a powerful Python library for creating publication-quality statistical graphics. It is designed for dataset-oriented plotting, making it ideal for exploratory data analysis, multivariate analysis, and visualizing complex relationships, distributions, and comparisons with minimal code. It builds upon Matplotlib, offering high-level interfaces for functions like scatterplots, heatmaps, and pair plots.

Build a hierarchical user story map that lays out activities, steps, and tasks to visualize journeys, align product/design/engineering, prioritize MVP work, and surface experience gaps before backlog planning.