How to use the Brutalist Swiss Print Web Prototype agent skill

What the skill makes the agent do

An agent skill is a folder of instructions that an AI agent loads when a task matches it. This one tells the agent to build web page prototypes in a specific graphic style: an off-white newsprint background, black heavy sans-serif headlines at very large sizes, monospace labels, thin grid lines, and one red accent.

The skill is distilled from the Swiss Industrial Print mode of Leonxlnx/taste-skill's brutalist-skill. It is meant for briefs that want a rigorous, print-magazine feel rather than a friendly one.

• Substrate: unbleached newsprint background with carbon ink text.
• Accent: one colour, hazard red, used on rules, strikes and alerts only.
• Display type: heavy neo-grotesque, uppercase, very large.
• Micro type: uppercase monospace at 10 to 13px for navigation, metadata and captions.
• Geometry: no rounded corners, shadows or gradients.

Install the skill from the ZIP or the Claude apps

You can install the skill in one of three ways. Download the ZIP from this page and unzip it into your personal skills folder, ~/.claude/skills/. Alternatively, unzip it into a project's .claude/skills/ folder so that only that project uses it.

If you use the Claude apps, you can instead upload the ZIP under Settings → Capabilities → Skills. After installation the skill folder should contain the two files in this package, SKILL.md and example.html.

How to trigger the skill with natural requests

You do not need a special command. The skill describes the kinds of briefs it fits, so ask for those in ordinary words. Requests that mention editorial, newspaper, agency portfolio, Swiss design or a manifesto site are the clearest matches.

Say what the page is for and that you want a rigorous, print-style result. If you want a different look, say so, because the skill is built for one substrate and will not switch styles mid-page.

• Build an editorial landing page for a small design studio in a Swiss print style.
• Make a manifesto site prototype with numbered theses and a hazard-red accent.
• Create an agency portfolio homepage with a giant numeral hero and a monospace colophon.

What the prototype includes

The skill's instructions define a set of required layout pieces. A prototype built with it should normally contain each of them, arranged in the order the skill suggests.

The top register strip is a monospace meta band with hairline rules above and below. The hero uses a giant numeral or single word on the left, with a column of metadata blocks on the right. The manifest section lists numbered theses with hairline dividers. A data table or index uses a grid with 1px gaps on an ink background. A specimen block shows the type family, weight and case at three scales. The page closes with a colophon stating press, paper stock, edition and set type.

Rules the agent will follow and what it bans

The skill sets hard rules so the output stays consistent. Border radius is 0 everywhere. Body text is never centred; it is justified or hard-left. Only ink, paper and the red accent may appear as colour.

The skill also bans drop shadows, gradients, glassmorphism, glows, curved or soft iconography, and emojis. Motion is limited to an instant reveal on scroll, an optional constant-speed ticker for the top strip, and an instant colour inversion on link press. Transitions are kept under 120ms and page-level layout is never animated.

Safety notes: scripts and network access

The skill does not run scripts and does not use the network, according to its package details. It consists of instructions and an example HTML file, so installing it does not add executable code to your machine.

As with any file an agent reads, review the SKILL.md and example.html before relying on them in a shared project, and check the generated HTML like any other code you did not write.

• No setup requirements are listed for the skill.
• The example.html file shows the expected output style.

Tips for better results and known limits

Use this skill when you want a bold typographic direction. Because it forbids soft shapes, dark mode and mixed styles, it is a poor choice for consumer apps or any site that needs a friendly, colourful look. The skill also notes a separate dark CRT mode for decks, which lives in a different template folder and should not be mixed into the same artifact.

Ask for one substrate per page and state the content early so the agent can set the giant numeral and metadata blocks around real text.

• Keep the brief specific: name the audience, the purpose and the sections you need.
• Check the pre-flight list in SKILL.md against the output before sharing it.
• Expect asymmetric layouts with tightly packed data clusters.