Source profileQuality 65/100

nexu-io/open-design/design-templates/web-prototype-taste-editorial/SKILL.md

web-prototype-taste-editorial

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`.

Source repository stars
82,073
Declared platforms
0
Static risk flags
0
Last source update
2026-07-28
Source checked
2026-07-28
DecisionCompatibilityInstallWorkflowPermissionsEvidenceSource

Decision brief

What it does—and where it fits

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".

Best for

    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

    PlatformStatusEvidenceWhat to check
    CodexNot declaredNo explicit evidencePortability before use
    Claude CodeNot declaredNo explicit evidencePortability before use
    CursorNot declaredNo explicit evidencePortability before use
    Gemini CLINot declaredNo explicit evidencePortability before use
    Open the compatibility checker

    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.

    Source-detected install commandSource
    npx skills add https://github.com/nexu-io/open-design --skill "design-templates/web-prototype-taste-editorial"
    Safe inspection promptEditorial

    Inspect the Agent Skill "web-prototype-taste-editorial" from https://github.com/nexu-io/open-design/blob/89d6d4ef21baf80f871595abdf6f7de6e941dd44/design-templates/web-prototype-taste-editorial/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

    1. 01

      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.

      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.
    2. 02

      Hard rules

      Canvas: warm off-white (FBFBFA or F7F6F3), never pure white.

      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).
    3. 03

      Banned

      Inter, Roboto, Open Sans (use Geist / Switzer / SF Pro).

      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.
    4. 04

      Required components

      Sticky pill navbar (translucent off-white, backdrop-blur-md, hairline border).

      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.

    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

    EvidenceSourceComputedTestedEditorial
    SignalValueEvidence typeMeaning
    Quality score65/100ComputedDocumentation, specificity, maintenance, and trust rules
    Repository stars82,073SourceRepository attention, not individual Skill quality
    Compatibility0 platformsSourceDeclared in the catalog source record
    Usage guideautomated source guideEditorialGenerated 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-editorial/SKILL.md
    Commit
    89d6d4ef21baf80f871595abdf6f7de6e941dd44
    License
    Apache-2.0
    Collected
    2026-07-28
    Default branch
    main
    View the original SKILL.md

    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)

    • Scroll entry: translateY(12px) → 0 + opacity 0 → 1 over 600ms cubic-bezier(0.16, 1, 0.3, 1). IntersectionObserver only.
    • Hover lift on cards: box-shadow from 0 0 0 to 0 2px 8px rgba(0,0,0,0.04) over 200ms.
    • Stagger lists by --index * 80ms.
    • Animate only transform and opacity.

    Pre-flight

    • Serif display + grotesque body pairing present
    • Canvas is warm off-white, foreground is off-black
    • All cards/dividers use 1px solid #EAEAEA
    • At least one asymmetric layout (split, eyebrow tag, uneven bento)
    • Pastel chips used only for tags, never as block backgrounds
    • Section padding ≥ py-24
    • No emojis, no banned fonts, no AI clichés