Loading...
Loading...
Found 3 Skills
This skill generates text-based UI wireframes using .kui file syntax. Use when creating wireframes, mockups, or UI layout diagrams. The skill converts .kui files to SVG/PNG images via the katsuragi CLI tool.
Design structural visuals on Moda — diagrams, charts, and screen layouts: (1) diagrams and flowcharts (process, org chart, architecture, decision tree, swimlane, workflow), (2) 2x2 matrices, quadrant charts, market maps, and standalone data charts (bar/line/pie graphics), and (3) static UI wireframes and app/site screen mockups. Boxes-and-arrows intents only: a simple graphic that merely uses shapes — a quote card, a decorative visual, a circle with a caption — is moda-social. Produces anchored-connector diagrams, charts, and screen layouts on a live Moda canvas and exports png or pdf. A mockup is a picture of an interface — for a live hosted page use moda-website; a diagram or chart destined for an existing deck/document canvas stays with moda-deck, moda-one-pager, or moda-edit.
Create UI wireframes and mockups using drawio XML format with platform-specific UI component libraries. Best for web page layouts, iOS/Android mobile app mockups, and Bootstrap-based designs. Built on drawio with mockup-specific stencils. NOT for simple flowcharts (use mermaid) or data visualization (use vega).