Skip to content
Get packs

Brutalist Swiss Print Web Prototype

Builds editorial web prototypes in a stark Swiss newsprint style with heavy type and hairline grids

Source Download skill
Repository
nexu-io/open-design
Stars
105,448
Licence
Apache-2.0
Files
2 files

What it does

When installed, the agent builds web page prototypes in a specific graphic style: off-white newsprint background, black heavy sans-serif headlines at very large sizes, monospace labels, thin grid lines, a single red accent, and no rounded corners, shadows or gradients. It is meant for briefs that want a rigorous, print-magazine feel rather than a friendly one. The skill's instructions define the layout pieces (top info strip, hero, numbered theses, data grid, type specimen, colophon) and simple, mechanical motion rules.

Great for

  • Designers who want a fast starting point for an editorial, Swiss-design or agency portfolio prototype
  • Front-end developers producing a brutalist or print-inspired landing page or manifesto site
  • Teams exploring a bold typographic direction before committing to a full design system

Skip it if

  • Consumer apps or sites that need a friendly, rounded or colourful look, since the rules explicitly ban radius, gradients and soft iconography
  • Projects that need dark mode or mixed visual styles in one artifact, since the skill forbids combining its light substrate with the dark CRT mode

Try asking

  • “Build a one-page manifesto site for a design studio in the Swiss industrial print style”
  • “Create an editorial-style portfolio homepage with a giant hero numeral and a numbered thesis section”
  • “Make a colophon and type specimen page for a fictional print magazine”
Step-by-step guide: how to use Brutalist Swiss Print Web PrototypeInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 2 original files, the Apache-2.0 licence and an attribution note.

    web-prototype-taste-brutalist.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip web-prototype-taste-brutalist.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip web-prototype-taste-brutalist.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Name the aesthetic explicitly in your brief (for example Swiss print or editorial) so the agent selects this skill rather than a generic style
  • Check that the output uses only the listed fonts (Archivo Black, Inter, IBM Plex or JetBrains Mono) and falls back safely if they are not installed, since the skill does not specify a fallback
  • Review the pre-flight checklist in the SKILL.md against the generated page before publishing

What's inside

  • example.html
  • SKILL.md

Redistributed unmodified from nexu-io/open-design under the Apache-2.0 licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.