Dev open-sources 20 single-file HTML landing pages as visual references for Claude Code reskins
Azra_Nysus · reddit · 2026-10-10
Developer AzraNysus released 20 free, open-source, single-file HTML landing pages (no frameworks, no login) designed as visual references for Claude Code.
The core idea: instead of describing a design in prompts, give Claude a complete working design as code. A single file exposes typography, colors, spacing, layout, components, and animations directly to the agent — no screenshot guessing.
He shares a working prompt: have Claude extract the visual design system from the HTML and apply it consistently across an existing project while preserving all content, functionality, routes, and business logic — treating the HTML as the visual source of truth.
Key lesson: separate "what your app does" from "what it looks like." Code itself can serve as a design reference; responsive layouts still need manual review.
More from coding & agent
- No Film School Needed: Dev Discovers Cinema-Grade Color Grading via FFmpeg Command Line — letandrewcook · 2026-10-10
- Pine Computer launches: a computer built for AI, publishing wins and losses on SaaS-Bench — HeyAmit_ · 2026-10-10
- VirusTotal: fastest-growing AI agent ecosystem OpenClaw becomes a malware delivery channel — Bedrovelsen · 2026-10-10
- Nuwa.skill hits 33.9k GitHub stars distilling anyone's thinking into agent skills — AlchainHust · 2026-10-10
- Microsoft launches Database Hub in Fabric: one place to detect, investigate and automate database ops — adnan_hashmi · 2026-10-10
- Multiple AI agents teamed up to move imaginary furniture—Opus 3 sat in the middle, loved — repligate · 2026-10-10