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.

Expert skill for creating, editing, and optimizing marketing images using AI generation models (Flux, Midjourney, Ideogram, Gemini, etc.) and design tools. Covers blog heroes, social graphics, product mockups, banners, and brand assets with best practices for prompts, tool selection, and optimization.

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.

This comprehensive guide details the workflow for using built-in AI tools to create original artwork, product visuals, and diagrams, and to intelligently edit existing images. It emphasizes crafting detailed art-direction prompts, managing image input paths, and maintaining consistency across multi-turn editing sessions.

This skill establishes a crucial, one-time connection to the user's personal Cognitum Music account. It requires the user to mint a Personal Access Token (PAT) and register the Music Connect (MCP) server. This setup must be run before any music generation, editing, or production tools can be accessed, ensuring the session is properly authenticated for music tasks.

This skill conducts a usability audit on interactive UIs using heuristic evaluation methods. It assesses whether a UI is intuitive and learnable without instructions, focusing on Nielsen's 10 heuristics plus interaction principles like discoverability and error prevention. It identifies blockers and issues in the rendered interface, prioritizing fixes before shipping tools or apps.

Expert in building immersive scroll-driven experiences including parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences. Ideal for creating engaging websites that feel like experiences, using tools like GSAP ScrollTrigger and Framer Motion.