Skill UI

Translates every approval request, error, and technical output from Copilot CLI into clear, jargon-free English with color-coded risk cues, definitions, and step-by-step commentary for non-technical stakeholders so they always understand what happens and why.

Guides Power BI visualization and UX decisions—capturing business context, selecting optimal charts, specifying layouts, color, typography, and interaction patterns to create accessible, insight-driven dashboards across audiences.

Provides a comprehensive audit of a UI component or page to ensure WCAG 2.2 AA accessibility compliance. This tool systematically checks for critical issues like insufficient color contrast, poor keyboard navigability, missing alt text, and non-semantic HTML usage. It helps developers integrate robust accessibility checks directly into their design system workflow, improving product usability for all users.

This skill generates new UI components that strictly adhere to the StyleSeed design system conventions. It ensures the component is structurally sound, accessible, and uses specified design tokens for colors, spacing, and typography. Use this when creating isolated, reusable UI parts following the defined design system standards.

This skill provides a comprehensive review of UI components and codebases to ensure strict adherence to established design systems, accessibility guidelines (WCAG), and modern front-end best practices. It checks for design token compliance (e.g., semantic colors, scaled spacing), component conventions, WCAG accessibility standards (a11y), mobile responsiveness, and visual coherence across the entire application.

This interactive wizard guides you through every step required to establish a consistent and professional design system for your new project. It walks users through selecting app type, defining brand colors, applying visual concepts (like Stripe or Notion), choosing typography, and finally scaffolding the initial page structure, ensuring a solid foundation for development.

This utility allows developers to view, add, and modify design tokens (such as colors, spacing, typography, and shadows) within the StyleSeed design system. It ensures visual consistency by managing the synchronization of changes across JSON source files and corresponding CSS custom properties, supporting both light and dark mode variations.

Create professional, publication-quality infographics using advanced AI tools. This skill supports multiple infographic types, industry styles, and colorblind-safe palettes. It integrates live web research for accurate data sourcing and employs a smart iterative refinement process (Gemini 3.6 Flash) to ensure the output meets specific professional quality thresholds for marketing, reports, and presentations.

A comprehensive guide for creating professional, publication-quality academic and scientific posters using LaTeX packages (beamerposter, tikzposter, baposter). This skill supports structured layout design, typography, color schemes, and integrates AI-generated scientific schematics, ensuring compliance with strict visual communication best practices for conferences and academic events.

This comprehensive guide details the ten most common mistakes and anti-patterns encountered when integrating with the Figma REST and Plugin APIs. It covers critical topics such as preventing oversized data fetches, managing rate limits, securing tokens, handling color format conversions, and optimizing data sync using webhooks instead of polling. Essential for code reviews and onboarding. Use when reviewing Figma code, onboarding new developers, or auditing an existing Figma integration.

This comprehensive tutor develops advanced visual literacy and design thinking skills. It covers core disciplines including art history, color theory, typography, and UX/UI principles. Users learn through structured critique, mastering foundational concepts like Gestalt principles, C.R.A.P. principles, and formal analysis. Ideal for improving creative portfolios, analyzing art, and refining fundamental design skills across any medium.

This skill provides real-time monocular depth estimation using advanced models like Depth Anything v2. It transforms live camera feeds by generating colorized depth maps, enabling depth overlays and detailed scene understanding. Crucially, it supports a 'privacy mode' that anonymizes visual identities by using depth-only transformation, preserving only the spatial layout and movement patterns for secure monitoring purposes. Optimized for both CoreML on macOS and PyTorch on other platforms.