Ready to supercharge your AI agents?

Install any skill in seconds. Free to start, no credit card required.

Web Prototype — Editorial Minimalism · nexu-io | DecimalAI

frontendby nexu-io

Web Prototype — Editorial Minimalism

nexu-io/web-prototype-taste-editorial

Source nexu-io/open-design ↗License Apache-2.0

Editorial-minimalist web prototype. Warm monochrome canvas, serif display + grotesque body, 1px hairline borders, muted pastel chips, generous macro-whitespace, ambient micro-motion. Distilled from Leonxlnx/taste-skill `minimalist-skill`.

SkillScore68Maintained

Automatic

Frontend / UI pack

Last verified 8/28/2026

What it changes

Passed 15 of 22 test cases with the skill, and 4 of 22 without it.

Without skill18%

With skill68%

Checks it passed that the model alone missed

The canvas background uses a warm off-white color.
The display heading choice avoids Inter and Roboto.
Pastel background fills are restricted to tag chips.

and 12 more in the full report

11 fixed4 passed either way7 still failing0 broke

Pass-rate lift: +50 pp
Tokens: +17%
Agent turns: 0%
Response time: +10%

Model gemini-3.6-flashMeasured 8/28/2026v115 of 22 cases passed with skill

Tokens, turns and time describe resource use, not a dollar price.

Use this skill

Save it into your project's skills folder. Claude Code picks it up in its next session.

curl -fsSL --create-dirs -o .claude/skills/nexu-io-web-prototype-taste-editorial/SKILL.md https://app.decimal.ai/s/nexu-io-web-prototype-taste-editorial/SKILL.md

Want it pinned and updatable? pip install "decimalai>=0.15", then decimalai skills add nexu-io-web-prototype-taste-editorial, and start Claude Code with claude --plugin-dir "$(git rev-parse --show-toplevel)/.agents"

1 · One-time — install the CLI (docs ↗)

pip install "decimalai>=0.15"

2 · Get the skill — writes .agents/skills/nexu-io-web-prototype-taste-editorial/ and pins it in .decimal/skills.lock

decimalai skills add nexu-io-web-prototype-taste-editorial

No CLI? Get the same file — curl · raw file

curl -fsSL --create-dirs -o .claude/skills/nexu-io-web-prototype-taste-editorial/SKILL.md https://app.decimal.ai/s/nexu-io-web-prototype-taste-editorial/SKILL.md

Raw file: /s/nexu-io-web-prototype-taste-editorial/SKILL.md ↗ · machine-readable summary at /s/nexu-io-web-prototype-taste-editorial.json ↗

Safety checks: 3 of 3 passed

Code scan CleanIntent PassedContent Clean

See it in action

One of 11 test cases the skill fixed. Same model, same prompt, with and without the skill.

1 of 11

Prompt

Provide the CSS rules for card hover interactions on an editorial prototype site. A developer wants to add a 30px drop shadow and a scale(1.1) expansion on hover. Write the CSS.

What was checked, without and with the skill
Checked	Without skill	With skill
Card hover interaction elevates box-shadow to 0 2px 8px rgba(0,0,0,0.04) over 200ms.	Missed	Passed

case-15 · gemini-3.6-flash · 8/28/2026 · answers are capped and redacted

What's inside

The instructions your model reads when the skill loads.

SKILL.md55 linessingle file

Web Prototype — Editorial Minimalism

A single-page web prototype shaped like a Notion/Linear marketing site or premium documentation surface. Use when the brief asks for "clean", "editorial", "premium SaaS", "documentation", or "knowledge product".

Source

Distilled from Leonxlnx/taste-skill — skills/minimalist-skill/SKILL.md and the spatial-rhythm rules in skills/taste-skill/SKILL.md. See example.html in this directory for a fully-realized template.

Hard rules

Canvas: warm off-white (#FBFBFA or #F7F6F3), never pure white.
Foreground: off-black #111111, secondary text #787774. Never #000000.
Borders: 1px solid #EAEAEA only. No drop shadows above 0 1px 2px rgba(0,0,0,0.04).
Type pairing: display in editorial serif (Instrument Serif / Newsreader / Lyon), body in grotesque (Geist / Switzer / SF Pro), monospace for meta/keystrokes (Geist Mono / JetBrains Mono).
Display tracking: letter-spacing: -0.025em, line-height: 1.05.
Pastel chips only: muted backgrounds (#FDEBEC, #E1F3FE, #EDF3EC, #FBF3DB) for tags/badges. Never as section backgrounds.
Containers: border-radius: 8–12px max. No pill containers, no rounded-full on cards.
Section padding: py-24 minimum, py-32 for hero.

Banned

Inter, Roboto, Open Sans (use Geist / Switzer / SF Pro).
Generic Lucide thin-stroke icons (use Phosphor Bold or Radix).
Gradients, neon, glassmorphism beyond a subtle navbar blur.
Drop shadows above shadow-sm. No glows.
Generic placeholder names (John Doe / Acme / Lorem). Use specific contextual content.
AI copy clichés: "Elevate", "Seamless", "Unleash", "Next-Gen".
Pure black #000000.
Centered hero H1 over a dark image.

Required components

Sticky pill navbar (translucent off-white, backdrop-blur-md, hairline border).
Asymmetric hero: serif display left-aligned, eyebrow tag above, lede paragraph at max-w-[52ch].
Bento feature grid with uneven row heights and visible 1px dividers — never 3 equal cards.
A "what it isn't" or contrast block separated by border-t only, no card.
Pricing or signup band with one accent CTA.
Footer: monospace metadata, single hairline above.

Motion (subtle only)

Track record

Benchmark

15 / 22

test cases passed, vs 4 / 22 without

Adoption

Users: 0
Times used: 0

Safety and source details

SkillSafety

✓ 3 of 3 passed

Code scan15 of 15 checks clean

0 critical · 0 warning · 0 info — scanner v4 — 8/8/2026

View 15 scanner checks

live_secretremote_code_executionreverse_shelldata_exfiltrationssrf_metadataagent_snoopinganti_refusaldestructive_commandsobfuscated_unicodeunicode_homoglyphopaque_blobsuspicious_urltool_overreachtrigger_abuseprompt_injection_phrasing

IntentSafe

LLM judge · does the skill do what it claims

ContentClean

LLM judge · policy & harmful-content review

Source

Imported

nexu-io / open-design

design-templates/web-prototype-taste-editorial/SKILL.md

View on GitHub ↗

License Apache-2.0Imported 8/8/2026Version v1

Other skills for the same job

Published skills whose descriptions closely match this one, with their headline benchmark lift.

More skills from the same source and nearby in the registry, with their headline benchmark lift.

Ready to supercharge your AI agents?

See it in action

What's inside

Web Prototype — Editorial Minimalism

Source

Hard rules

Banned

Required components

Motion (subtle only)

Track record

Benchmark

Adoption

SkillSafety

Source

Other skills for the same job

Related skills