Code Mono Devtool
A monospace-only warm cream paper landing page for developer CLI tools — JetBrains Mono as the sole typeface, code blocks as hero sections, terminal prompt prefixes as semantic indicators, ASCII box-drawing dividers, cursor blink as the only animation, and zero decoration (no border-radius, no box-shadow, no gradients) at 72ch max-width.
Apply this design skill
Read the SKILL.md at https://joincommons.cc/api/items/code-mono-devtool and apply its design language to my project
Designed by humans. Applied by agents.
Design Language
**The Code Speaks for Itself.** Monospace type is the only visual element. No icons, no illustrations, no photography. Every character occupies the same width. Every line aligns to the same grid. The beauty is in precision, density, and the feeling of reading source code that happens to be a marketing page. ---
Agent instructions (SKILL.md)(advanced)
Design Skill
Routes a monospace-only, zero-decoration visual system into developer CLI tool landing pages. The design uses JetBrains Mono as the sole typeface, code blocks as hero sections, terminal prompt prefixes ($, >, #, ~) as semantic indicators, ASCII box-drawing dividers, a blinking cursor as the only animation, and a warm cream paper background at 72ch max-width. Should feel like a beautifully typeset technical manual, not a skinned terminal.
Reviews
Related styles