an agent skill · apache-2.0

brutalist

Screenshot in, brutalist site out. Give your coding AI a picture of a raw, experimental website and it rebuilds it as a working page — motion included — or uses it as a springboard for something new. It measures instead of guessing, and says what it invented.

Install into Claude Code, Codex, Cursor, Gemini CLI…

npx brutalist-design-skill

Gallery

live pages · every name and number is invented

Low Hours: a giant condensed question with labels arriving from the right

Low Hours

Night field recordings. Labels slide in as you scroll; the night log replays line by line; a type test switches the display face.

made with inspire (digestible questions) + edit (type test)

adrift: italic letters floating on a horizon line, with outlined reflections below

adrift

A lecture series on getting lost. The letters surface on a horizon; their reflections drift with the pointer.

inspire · principles from a third-party reference

Slow Media Archive: electric blue on white, filter columns and a blurred blue blob

Slow Media

An archive in electric blue. The filters work; the blob follows you, slowly.

inspire · principles from a third-party reference

Lichen Office

A landscape studio. The wordmark fits the width exactly at any size; rules draw as they appear.

inspire · principles from a third-party reference

Kiln Type: a live type tester with sliders above a staircase of nine weights

Kiln Type

A foundry's type tester. Type your own words; drag weight and width; climb the staircase of weights.

inspire · principles from a third-party reference

Concrete Radio: the recreation of a still reference, with a marquee

Concrete Radio

Recreated from one PNG, measured to within a few pixels. The whole method, step by step, is in the repository.

recreate · worked example

Commands

/brutalist <command> <target>

specifiedrecreate <image>

Rebuild a reference as a working page: rights, inventory, build, comparison, report.

under reviewmotion <page>

Plan and build motion; from a still image it is declared invention.

experimentalinspire <images…>

Divergent sketches and visual questions, taking principles, never copies.

experimentaledit <page>

The smallest change first; escalate only if it is not enough.

not specifiedverify <page>

Screenshots under fixed conditions, comparison, accessibility pass.

not specifiedcritique <page>

A review without scores. The human judges.