Generate interactive and static visual mockups for diagrams and charts.
npx skills add https://github.com/edwinhu/workflows --skill visual-mockup
Please help me install this Agent Skill. Skill: visual-mockup Source: https://github.com/edwinhu/workflows/tree/main/skills/visual-mockup Command: npx skills add https://github.com/edwinhu/workflows --skill visual-mockup
This Skill dramatically speeds up diagram creation by allowing users to visually mock up layouts before writing complex code, preventing wasted time on incorrect spatial arrangements.
Use the visual-mockup skill to create an interactive diagram layout.
High-intent search queries and answers about installing and using this skill.
You can create a visual mockup using an interactive drag-and-drop interface to position nodes, edges, and regions, generating HTML/SVG layouts to confirm spatial arrangements before writing diagram code.
Yes, you can generate static Matplotlib previews to sketch data-driven charts and complex layouts, providing rapid visual feedback for data representation without writing full scripts.
The best way to arrange a multi-phase development diagram is using the interactive mockup mode to position boxes and arrows, allowing your team to confirm the flow before exporting coordinates.
Yes, the tool supports node-edge diagrams and allows you to export the confirmed visual layout coordinates directly into Fletcher JSON format for downstream coding.
You should use a visual layout tool to prevent wasted time on incorrect spatial arrangements, as it provides a rapid visual feedback loop that dramatically speeds up iteration cycles for diagram coding.
anderskevCompute Dagre layout positions for directed graph nodes and edges.
AgentchengfengAutomate video production from spoken scripts with storyboard, timeline, and export.
FatByGenerate static and interactive data visualizations with matplotlib, seaborn, and plotly.
RepairYourTechCreate interactive node-based graph visualizations with React Flow.
