nexu-io avatar

Web Prototype Taste Editorial

A focused template for building those warm, editorial marketing pages you see on Notion, Linear, or premium docs sites. It gives you hard rules on typography (serif display, grotesque body, warm off-white canvas), hairline borders, muted pastel chips for tags only, and subtle scroll animations. The bento grid requirement pushes you toward asymmetric layouts instead of three boring equal cards. Distilled from Leonxlnx's taste-skill repo. Use it when the brief says "clean" or "editorial" and you want to skip the guesswork on spacing, shadows, and which fonts actually pair well. It bans the usual suspects: Inter, centered hero text over dark images, AI copy clichés.

skills.sh installs
171
GitHub stars
106.9K
last updated
Aug 21, 2026

Install

$ npx -y skills add nexu-io/open-design --skill web-prototype-taste-editorial --agent claude-code

Installs into .claude/skills of the current project.

Files

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

Sponsors

Details

Repository
github.com/nexu-io/open-design
Category
Design & UI/UX
First seen
Jun 3, 2026

More from nexu-io/open-design

All 217
1absolutelyskilled avataraccessibility-wcagabsolutelyskilled/absolutelyskilledaccessibility wcag152skills.sh installs
2erichowens avatardesign-system-creatorerichowens/some_claude_skillsdesign system creator134skills.sh installs
3figma avatarfigma-generate-designfigma/mcp-server-guideUse this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma',6.4Kskills.sh installs
4giuseppe-trisciuoglio avatartailwind-design-systemgiuseppe-trisciuoglio/developer-kitSkill for creating and managing a Design System using Tailwind CSS and shadcn/ui. Use when defining design tokens, setting up theming with CSS variables, buildi4.7Kskills.sh installs
5nexu-io avatarfigma-generate-designnexu-io/open-designBuild or update screens in Figma from code or description using design system components. Translate app pages into Figma using design tokens.2.9Kskills.sh installs
6mastepanoski avatarwcag-accessibility-auditmastepanoski/claude-skillsComprehensive web accessibility audit using WCAG 2.1/2.2 guidelines. Evaluate compliance across 4 POUR principles (Perceivable, Operable, Understandable, Robust1.6Kskills.sh installs