visual-render
Generate visual images from HTML/SVG/Canvas — logos, icons, diagrams, charts, infographics, tables, flowcharts, architecture maps, ER diagrams. Pipeline: Claude generates HTML → Playwright screenshots → Python crop/trim/export → clean PNG/SVG/WebP output file. Actions: render, generate, create, design, export, capture. Types: logo, icon, diagram, flowchart, chart, table, infographic, architecture, ER diagram, sequence diagram, network graph, timeline, badge, banner.
Installation and usage
Generate visual images from HTML/SVG/Canvas — logos, icons, diagrams, charts, infographics, tables, flowcharts, architecture maps, ER diagrams. Pipeline: Claude generates HTML → Playwright screenshots → Python crop/trim/export → clean PNG/SVG/WebP output file. Actions: render, generate, create, design, export, capture. Types: logo, icon, diagram, flowchart, chart, table, infographic, architecture, ER diagram, sequence diagram, network graph, timeline, badge, banner.
インストール後、ターミナルで以下のコマンドを実行してこのスキルを使用できます：
skills use visual-render