Weekly deep dives on AI agents, coding tools, and building with LLMs - delivered to your inbox.
Free forever. No spam.
Subscribe Free
New tutorials, open-source projects, and deep dives on coding agents - delivered weekly.
Open Design: Open-Source n8n App That Turns Any Website into a Brand Kit, Design System, HTML + Images The video introduces Open Design, an MIT-licensed full-stack template that combines AI and n8n automation to turn any website URL into a brand kit, design system, reusable CSS, and generated HTML components and image assets for social posts. The presenter demos generating a pricing page via Kimi K 2.6 with streaming HTML output and creating an Instagram-style graphic using GPT Image 2 t with branding context (logo, palette, styles) preserved for coherence. I then explain the app’s backend as n8n workflows with four webhook endpoints: decoding a site, producing brand strategy and a design.md spec, generating HTML via outline-to-skeleton steps using design.md and CSS, and building prompts to generate branded images via Fal. The repo and n8n template will be made public for others to extend. Star the repo: https://github.com/developersdigest/open-design Check out n8n: https://plug.dev.plug.dev/kKG0Nsj 00:00 Open Design Intro 01:01 Product Demo Overview 01:12 Brand Scrape to Kit 02:25 Generate HTML Pages 03:08 Image Assets Workflow 04:01 n8n Backend Tour 06:32 Endpoints and Models 08:23 Design System Route 10:27 HTML Generation Route 11:33 Image Generation Route 12:40 Repo Release and Wrap
Technical content at the intersection of AI and development. Building with AI agents, Claude Code, and modern dev tools - then showing you exactly how it works.
