The latest articles on DEV Community by Seven (@sevenaaaaaaa). https://dev.to/sevenaaaaaaa https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3711893%2Fd3b0eb38-bc70-4278-b681-e1d084ef38e9.jpg https://dev.to/sevenaaaaaaa en Seven Tue, 09 Jun 2026 04:06:47 +0000 https://dev.to/sevenaaaaaaa/four-github-projects-that-turn-ai-into-design-deliverables-hh3 https://dev.to/sevenaaaaaaa/four-github-projects-that-turn-ai-into-design-deliverables-hh3 <h1> Four GitHub Projects That Turn AI Into Design Deliverables (Not Just Chat) </h1> <p>The most interesting AI repos in 2026 share one trait: they ship <strong>artifacts</strong>—prototypes, components, decks, or short videos—not essays.</p> <p>Here are four breakout GitHub projects for <strong>AI design</strong> and <strong>productivity</strong>, with real star counts as of June 2026.</p> <h2> 1. screenshot-to-code — 72k+ stars </h2> <p><strong>Repo</strong>: <a href="https://github.com/abi/screenshot-to-code" rel="noopener noreferrer">https://github.com/abi/screenshot-to-code</a></p> <p>Drop a screenshot (or Figma export) and get clean <strong>HTML/Tailwind, React, or Vue</strong> code. Experimental screen-recording → prototype is wild for competitive UX research.</p> <p><strong>Best for</strong>: devs who need UI fast without pixel-pushing from scratch.</p> <h2> 2. Open Design — 61k+ stars </h2> <p><strong>Repo</strong>: <a href="https://github.com/nexu-io/open-design" rel="noopener noreferrer">https://github.com/nexu-io/open-design</a><br><br> <strong>Site</strong>: <a href="https://open-design.ai" rel="noopener noreferrer">https://open-design.ai</a></p> <p>Open-source, local-first <strong>Claude Design alternative</strong> (Apache-2.0). Bring your own agent—Cursor, Claude Code, Codex, Copilot, etc. Portable <strong><code>DESIGN.md</code></strong> systems (150+ presets) + 100+ skills for landings, dashboards, wireframes, decks. Export HTML/PDF/PPTX/MP4.</p> <p><strong>Best for</strong>: agent-native builders who want design output in the same loop as code.</p> <h2> 3. Open CoDesign — 6k stars </h2> <p><strong>Repo</strong>: <a href="https://github.com/OpenCoworkAI/open-codesign" rel="noopener noreferrer">https://github.com/OpenCoworkAI/open-codesign</a></p> <p>MIT Electron desktop app. <strong>90-second setup</strong> with imported Claude/Codex keys or local Ollama. Streaming HTML preview, multi-model BYOK, export PDF/HTML for clients and engineers.</p> <p><strong>Best for</strong>: freelancers who want a desktop design agent without subscription lock-in.</p> <h2> 4. libtv-skills — 737+ stars </h2> <p><strong>Repo</strong>: <a href="https://github.com/libtv-labs/libtv-skills" rel="noopener noreferrer">https://github.com/libtv-labs/libtv-skills</a></p> <p>Agent Skills package that lets <strong>OpenClaw / Claude Code</strong> orchestrate LibTV's node-based video pipeline—script → storyboard → render, with an <strong>editable canvas link</strong> back for per-shot fixes.</p> <p><strong>Best for</strong>: technical creators who want Agent-driven short video without learning Premiere.</p> <h2> Quick picker </h2> <div class="table-wrapper-paragraph"><table> <thead> <tr> <th>Pain</th> <th>Try</th> </tr> </thead> <tbody> <tr> <td>Design → code</td> <td>screenshot-to-code</td> </tr> <tr> <td>Agent-driven prototypes</td> <td>Open Design</td> </tr> <tr> <td>Desktop BYOK design</td> <td>Open CoDesign</td> </tr> <tr> <td>Agent video production</td> <td>libtv-skills</td> </tr> </tbody> </table></div> <p>For <strong>brand-grade Campaign visuals</strong> (beyond open-source tooling), see <a href="https://www.lovart.ai?utm_source=devto&amp;utm_medium=native&amp;utm_campaign=github_ai_tools_2026" rel="noopener noreferrer">Lovart</a>.</p> <p>Which one are you shipping with? Comments welcome.</p> ai opensource design