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 mermaid class diagram generation by offering best-practice guidance, production-ready code, and validation steps within the visual content domain whenever you mention mermaid class diagrams or ask about related patterns.

Automates guidance for mindmap generator requests, offering best practices, production-ready configurations, and validation for diagrams, charts, and visual documentation workflows in the Visual Content domain.

Automates user journey mapper tasks in the Visual Content domain by triggering whenever you mention user journey mapper needs, then guiding each step, applying best practices, and generating validated diagrams, charts, and documentation-ready material.

This comprehensive guide helps elevate a UI from merely functional to polished, purposeful, and aesthetically coherent with its domain. It dictates pre-coding design choices, such as defining the audience, tone (e.g., minimal, industrial), and purpose. It provides rigorous guidelines on establishing visual hierarchy, typography, color palettes, and interactions, ensuring the final product feels intentional and professional, rather than generic or templated.

A comprehensive skill guide for defining the core intent, tone, and strategic direction of any frontend design. It applies rigorous cross-domain principles drawn from architecture, cinema, marketing, and automotive design. Use this before coding to establish purpose, visual hierarchy, and intentional structure, ensuring every design element is deliberate and highly crafted.

This comprehensive guide helps elevate a UI from merely functional to polished, purposeful, and aesthetically coherent with its domain. It dictates pre-coding design choices, such as defining the audience, tone (e.g., minimal, industrial), and purpose. It provides rigorous guidelines on establishing visual hierarchy, typography, color palettes, and interactions, ensuring the final product feels intentional and professional, rather than generic or templated.