You have a solid README but your landing page looks like every other gradient-heavy SaaS template on the internet. LookbkDev just shipped 'Mono Editorial Landing', a free, MIT-licensed agent skill that converts your existing documentation into a single, responsive HTML file with a black-and-white editorial aesthetic. It’s not just a theme; it’s a workflow that forces you to refine your copy while the agent handles the layout structure.

The Editorial Aesthetic

The output is strictly 'ink on warm white,' featuring a masthead, large serif headlines, and drop caps. The layout uses numbered columns divided by hairlines and alternating feature spreads captioned 'Fig. 1', 'Fig. 2'. Dark mode and accent colors are handled by changing just three values in the theme. The hero section is dynamic: it renders a waitlist form for pre-launch products or action buttons for live ones, supporting providers like Formspree, Netlify, and Buttondown.

From Docs to Design

The skill runs via npx skills add lookbkdev/lookbk-skills --skill mono-editorial-landing or through the Claude Code marketplace. The core script, from-readme.mjs, parses your README.md and package.json to generate a page.json structure. It intelligently maps tool names to brands, taglines to headlines, and bolded feature lists to columns. The agent skips badges, logos, and license sections, but flags sections it couldn't fit, allowing you to manually swap in higher-priority content.

Strict Build Validation

This isn't a 'draft and pray' tool. The build.mjs script enforces hard limits on text length and field requirements, refusing to generate HTML if any validation fails. It checks for missing alt text, unlabelled form fields, and contrast issues. A companion check.mjs script uses headless Chrome to verify responsiveness at 390, 768, 1024, and 1440px widths. Additionally, try-form.mjs simulates form submissions locally to ensure your endpoint configuration is correct before you go live.

Key Takeaways

  • The skill outputs a single HTML file with embedded CSS, making it easy to deploy to any static host.
  • It enforces honesty: every number, quote, and claim must be sourced from your README or explicitly added by the user.
  • Supports four figure types: image, window (app screen), stats, and code, with specific formatting rules for each.
  • Requires Node.js 18+ and a Chromium-based browser for automated checks.

The Bottom Line

Generic templates are for people who don't know their audience. This skill forces you to treat your landing page like a publication, which means your copy gets better and your code stays clean. It’s a rare case where an AI tool prioritizes editorial discipline over flashy gradients.