Skill UI

Guides creation of algorithmic art philosophies and p5.js implementations that emphasize emergent behavior, seeded randomness, and a meticulously crafted algorithmic process, producing philosophy .md plus interactive .html/.js viewers for flow fields, particles, and controlled chaos.

Guides creation of algorithmic art philosophies and p5.js implementations that emphasize emergent behavior, seeded randomness, and a meticulously crafted algorithmic process, producing philosophy .md plus interactive .html/.js viewers for flow fields, particles, and controlled chaos.

Automates D2 diagram creation guidance for visual content requests, offering best practice patterns, ready-to-use code/config snippets, and validation against standards whenever users mention the tool or need chart/diagram support.

Automates database schema visualization tasks by guiding diagram creation, recommending best practices, producing ready-to-use code, and validating visual documentation for systems that need clear relational overviews.

A comprehensive guide covering the fundamental principles of interactive entertainment design. This resource details core loop creation, structuring a Game Design Document (GDD), analyzing player psychology (motivation, reward schedules), balancing difficulty (flow state), and designing effective progression systems. It is essential for game developers, product managers, and creative designers planning engaging user experiences.

Automates Mermaid ER diagram creation by guiding users through best practices, generating production-ready code, and validating diagrams for visual content tasks triggered by ER diagram requests.

Guides the creation of Mermaid sequence diagrams by offering best-practice patterns, code generation, and validation suited for visual documentation or presentation workflows.

Automate Miro board management via the Rube MCP toolkit, covering board discovery, item creation, sharing, and connectors with schema-aware tool calls.

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.

An expert-level skill set covering the entire spectrum of user-centered design. Mastery includes building scalable design systems using atomic principles and design tokens, conducting deep user research (usability testing, persona creation), ensuring WCAG accessibility compliance, and managing cross-platform implementation (web, mobile, desktop). Ideal for developing complex, inclusive, and highly structured digital products.

This intelligent studio acts as a visual creative director, automatically routing image requests to the optimal specialized AI model. It handles hyper-realistic portrait generation (for influencers/professional photos) and advanced artistic creation, illustration, and photo manipulation (upscale, inpainting, background removal). Use it for professional content creation requiring specialized visual expertise.

This skill guides the creation of world-class, immersive web designs, aiming for Awwwards-level quality. It emphasizes intentional typography, purposeful motion, and sophisticated visual composition. Users can leverage the detailed scoring rubric (Typography, Composition, Motion, etc.) to review and elevate existing designs, ensuring every pixel is deliberate and performance-optimized.