Skill UI

Automates guidance for creating architecture diagrams and visual documentation, following best practices and producing ready-to-use configurations for charts, presentations, and visualization tools.

Guides building native-feeling macOS interfaces, covering layout/composition, traffic lights, draggable chrome, shortcuts, light/dark mode, visuals, animations, drag-and-drop, and onboarding for desktop tools whether React, Electron, or native.

Guides designers through using the Penpot MCP tools to craft professional UI/UX for web, mobile, and desktop apps, covering workflows, design systems, accessibility checks, and setup/troubleshooting steps for the Penpot MCP server.

This skill acts as an expert Design Systems Lead, analyzing complex technical assets (HTML, CSS, screenshots) from existing projects. It synthesizes a comprehensive 'Semantic Design System' into a structured DESIGN.md file. This output serves as the authoritative 'source of truth' for AI prompting, ensuring that any new UI generated by tools like Stitch adheres perfectly to the established visual language, color palette, and component standards.

A powerful utility that queries multiple free APIs (Pexels, Pixabay, Internet Archive, etc.) in a single query. It retrieves normalized, license-tagged results for real-world, historical, or archival images, videos, and GIFs, making it a peer to local semantic search and generative media tools. Includes specialized scripts for fetching and judging audio.

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.

This skill performs a comprehensive usability audit and heuristic evaluation of interactive user interfaces (UIs). It goes beyond mere visual aesthetics, assessing whether a system is intuitive, easy to learn, and functional for a first-time user. Use it when auditing complex tools, editors, or apps to ensure the user can complete primary tasks without needing extensive instructions or guidance.