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.

A comprehensive skill for creating, editing, and automating vector graphics and technical diagrams using LibreOffice Draw. It supports the native ODG format and facilitates seamless format conversion between ODG, SVG, PDF, PNG, and JPG. Ideal for generating flowcharts, organizational charts, and technical schematics, and for batch processing graphics operations via command-line or Python UNO scripting.

Auto-activating skill that delivers step-by-step guidance, best-practice validation, and production-ready code for crafting process flow visuals, diagrams, and documentation whenever you invoke the process flow generator.

Transforms natural-language prompts into Excalidraw JSON diagrams, supporting flowcharts, relationships, mind maps, architecture, DFD, swimlane, class, sequence, and ER views; ideal when users ask to visualize processes or system structures and need editable Excalidraw files.

Generates Excalidraw diagrams from natural language prompts, covering flowcharts, relationship maps, mind maps, architecture, data flow, swimlane, class, sequence, and ER diagrams for communicating processes and systems.

This skill provides a comprehensive guide on programmatically interacting with the Lucidchart API. It demonstrates how to create new documents, add structured shapes and connecting lines using standard import formats, and finally export the finished diagram (e.g., as PNG). It is ideal for automating the visualization of architecture diagrams, system workflows, or business processes within an application.

This comprehensive workflow manages the entire Canva creative pipeline. Users can upload, read, and modify design assets (images, files) via API. Key features include autofilling brand templates using dynamic data (text, images, charts) and programmatically organizing generated designs into specific folders, significantly streamlining the content creation process.

This tool allows users to retrieve the complete, up-to-date metadata and audio URL for a specific music production ID. It is essential for checking the current processing status, such as whether stems, MIDI, or mastering have been successfully generated, ensuring the user has the latest information before proceeding to the next workflow step.

This skill focuses on spatial composition in UI design. It emphasizes rendering and judging visual output rather than relying solely on code tokens. It helps avoid generic AI design patterns and ensures layouts do not have horizontal overflow. Key practices include using fresh eyes to critique, avoiding fixed style prescriptions, and strictly checking scrollWidth to prevent layout failures. It guides developers to prioritize process over look and ensures responsive design integrity.