nexu-io/open-design/design-templates/web-prototype-taste-brutalist/SKILL.md
web-prototype-taste-brutalist
Swiss industrial-print web prototype. Newsprint canvas, monolithic black grotesque, viewport-bleeding numerals, hairline grid dividers, hazard-red accent, ASCII syntax decoration. Distilled from Leonxlnx/taste-skill `brutalist-skill` (Swiss Industrial Print mode).
- Source repository stars
- 82,073
- Declared platforms
- 0
- Static risk flags
- 0
- Last source update
- 2026-07-28
- Source checked
- 2026-07-28
Decision brief
What it does—and where it fits
For briefs that ask for "editorial", "newspaper", "agency portfolio", "Swiss design", "manifesto site", or anywhere the goal is to project rigor and physicality rather than friendliness. This skill commits to ONE substrate (light Swiss print) — never mix with the dark CRT mode i…
Not for
- Tasks that require unconfirmed production actions or broad system permissions.
- Environments where the pinned source and install steps cannot be inspected.
Compatibility matrix
Platform support, with evidence labels
| Platform | Status | Evidence | What to check |
|---|---|---|---|
| Codex | Not declared | No explicit evidence | Portability before use |
| Claude Code | Not declared | No explicit evidence | Portability before use |
| Cursor | Not declared | No explicit evidence | Portability before use |
| Gemini CLI | Not declared | No explicit evidence | Portability before use |
Installation
Inspect first. Install second.
The source command is displayed only when detected. A safe inspection prompt is always available so your agent can explain every action before execution.
npx skills add https://github.com/nexu-io/open-design --skill "design-templates/web-prototype-taste-brutalist"Inspect the Agent Skill "web-prototype-taste-brutalist" from https://github.com/nexu-io/open-design/blob/89d6d4ef21baf80f871595abdf6f7de6e941dd44/design-templates/web-prototype-taste-brutalist/SKILL.md at commit 89d6d4ef21baf80f871595abdf6f7de6e941dd44. List every install step, command, network request, credential, file read/write, external action, and rollback step. Explain whether it fits my task. Do not install or execute anything until I approve.
Workflow
What the source asks the agent to do
- 01
Source
Distilled from Leonxlnx/taste-skill — skills/brutalist-skill/SKILL.md §2.1 (Swiss Industrial Print). For decks that lean into the dark CRT mode, see design-templates/html-ppt-taste-brutalist/.
Distilled from Leonxlnx/taste-skill — skills/brutalist-skill/SKILL.md §2.1 (Swiss Industrial Print). For decks that lean into the dark CRT mode, see design-templates/html-ppt-taste-brutalist/. - 02
Hard rules
Substrate: unbleached newsprint F4F4F0 or EAE8E3. Foreground 050505 carbon ink.
Substrate: unbleached newsprint F4F4F0 or EAE8E3. Foreground 050505 carbon ink.Accent: ONE color — aviation/hazard red E61919. Used on dividing rules, strikes, alerts. Never as a fill on large surfaces.Display type: heavy neo-grotesque (Archivo Black / Inter ExtraBold/Black / Neue Haas Grotesk Black). Fluid scale clamp(4rem, 10vw, 15rem). Tracking -0.04em. Leading 0.88. Uppercase only. - 03
Banned
border-radius above 0.
border-radius above 0.Drop shadows, gradients, glassmorphism, glows.Centred body text. Justify or hard-left only. - 04
Required components
Top register strip: monospace meta band — issue, date, coordinates — running edge to edge with hairline rules above and below.
Top register strip: monospace meta band — issue, date, coordinates — running edge to edge with hairline rules above and below.Hero: giant numeral or single word at viewport-bleeding scale on the left; right column packs three or four monospace metadata blocks.Manifest section: numbered theses (01. / 02.) with hairline between each, hard-left aligned.
Permission review
Static risk signals and limitations
No configured static risk pattern was detected
This is not proof of safety. Runtime behavior, indirect dependencies, and hidden external systems are outside the static scan.
Evidence record
Why each signal appears
| Signal | Value | Evidence type | Meaning |
|---|---|---|---|
| Quality score | 63/100 | Computed | Documentation, specificity, maintenance, and trust rules |
| Repository stars | 82,073 | Source | Repository attention, not individual Skill quality |
| Compatibility | 0 platforms | Source | Declared in the catalog source record |
| Usage guide | automated source guide | Editorial | Generated or reviewed according to the visible evidence level |
Pinned source
Provenance and original SKILL.md
- Repository
- nexu-io/open-design
- Skill path
- design-templates/web-prototype-taste-brutalist/SKILL.md
- Commit
- 89d6d4ef21baf80f871595abdf6f7de6e941dd44
- License
- Apache-2.0
- Collected
- 2026-07-28
- Default branch
- main
View the original SKILL.md
Web Prototype — Industrial Brutalist (Swiss Print)
For briefs that ask for "editorial", "newspaper", "agency portfolio", "Swiss design", "manifesto site", or anywhere the goal is to project rigor and physicality rather than friendliness. This skill commits to ONE substrate (light Swiss print) — never mix with the dark CRT mode in the same artifact.
Source
Distilled from Leonxlnx/taste-skill — skills/brutalist-skill/SKILL.md §2.1 (Swiss Industrial Print). For decks that lean into the dark CRT mode, see design-templates/html-ppt-taste-brutalist/.
Hard rules
- Substrate: unbleached newsprint
#F4F4F0or#EAE8E3. Foreground#050505carbon ink. - Accent: ONE color — aviation/hazard red
#E61919. Used on dividing rules, strikes, alerts. Never as a fill on large surfaces. - Display type: heavy neo-grotesque (Archivo Black / Inter ExtraBold/Black / Neue Haas Grotesk Black). Fluid scale
clamp(4rem, 10vw, 15rem). Tracking-0.04em. Leading0.88. Uppercase only. - Micro type: monospace (JetBrains Mono / IBM Plex Mono). Fixed
10–13px. Tracking0.1em. Uppercase. Used for navigation, metadata, captions, coordinates. - Geometry:
border-radius: 0everywhere. 90° corners only. - Grid: visible CSS grid with
gap: 1pxover an ink-colored background to render mathematically perfect 1px dividers. - Negative space: asymmetric — hero has a viewport-bleeding numeral or letterform; data clusters are tightly packed.
- ASCII syntax: decorate sections with
[ LABEL ],>>>,///, registration®/ trademark™as structural ornament.
Banned
border-radiusabove 0.- Drop shadows, gradients, glassmorphism, glows.
- Centred body text. Justify or hard-left only.
- Color other than ink, paper, and the hazard red.
- Sans-serif body fonts other than Inter/Archivo/Plex/Mono. No "premium" grotesques here — this aesthetic predates them.
- Curved or "soft" iconography.
- AI cliché copy. Use clipped, declarative print-magazine voice.
Required components
- Top register strip: monospace meta band — issue, date, coordinates — running edge to edge with hairline rules above and below.
- Hero: giant numeral or single word at viewport-bleeding scale on the left; right column packs three or four monospace metadata blocks.
- Manifest section: numbered theses (
01./02.) with hairline<hr>between each, hard-left aligned. - Data table or index rendered with
display: grid; gap: 1pxon an ink background. - Specimen block: typography demo — show the family/weight/case at three scales.
- Closing colophon: monospace block stating press, paper stock, edition, set type.
Motion
This aesthetic is mechanical, not animated. Use motion only as a precision mechanism:
IntersectionObserverreveal: instantopacity 0 → 1, no translate/blur.- Optional ticker/marquee for the top register strip at constant speed.
:activeon links: invert ink/paper instantly. No transitions over120ms.- Never animate page-level layout properties.
Pre-flight
- Substrate is newsprint, foreground is carbon ink, only accent is hazard red
- All
border-radiusis0 - Display uses heavy grotesque at viewport-bleeding scale (≥
8vw) - Micro UI uppercase monospace at fixed
10–13px,letter-spacing: 0.1em - At least one
display: grid; gap: 1pxink-background module - ASCII syntax decoration appears at least three times (
[ ... ],>>>,///) - Numeric data uses tabular-nums + monospace — no proportional figures
- No emojis, no curves, no gradients, no shadow effects