Skill UI

Provides automated guidance for creating org charts, including best practices, visual documentation workflows, and ready-to-use diagrams when discussing organizational visuals.

Automates Plotly chart creation by offering step-by-step guidance, best-practice patterns, and production-ready code or configuration whenever visual content, diagrams, or presentations need charts.

Automates guidance for outlining presentation slides within visual content workflows, following industry best practices and generating production-ready outputs.

Auto-activating skill that delivers step-by-step guidance, best-practice validation, and production-ready code for crafting process flow visuals, diagrams, and documentation whenever you invoke the process flow generator.

Automates svg icon generation guidance with best practices, production-ready snippets, and validation for visual content scenarios like diagrams, charts, and presentations.

Automates guidance for technical diagram analysis, offering best practices for diagrams, charts, presentations, and validating code or visuals to meet visual documentation standards.

Comprehensive web and mobile design intelligence offering prioritized UX rules, 50+ styles, color palettes, typography pairings, and chart guidance to inform component design, accessibility checks, and landing/dashboard reviews.

Provides actionable guidance and review checklists for modern clean UI/UX, emphasizing CRAP principles, task-first flows, information architecture, system feedback, consistency, and refined iconography.

This skill provides comprehensive guidance and functionality for creating professional, visually stunning, and academically rigorous slide decks. Designed for research talks, conference presentations, and thesis defenses, it assists in structuring the narrative, integrating complex data visualizations, maintaining consistent design aesthetics, and including proper citations. The recommended output is a combined PDF for maximum visual impact.

This skill serves as an expert design-system guideline author, providing comprehensive, implementation-ready guidance for the Bento grid layout. It defines design tokens (color, spacing, typography), component anatomy, state management, and strict accessibility standards (WCAG 2.2 AA). Use this to create highly structured, scalable, and consistent UI/UX documentation for engineers and designers.

Provides expert guidance for building professional, scalable, and brand-aligned design systems. It covers foundational tokens (color, typography, spacing), component anatomy, accessibility standards (WCAG 2.2 AA), and structured content writing rules, ensuring design consistency and high quality for large-scale enterprise products.

This skill provides expert guidance on creating comprehensive, implementation-ready design system documentation. It covers visual foundations (color, typography, spacing), component anatomy, interaction states, and rigorous accessibility standards (WCAG 2.2 AA). Use it to ensure product consistency and quality across engineering and design teams.