Web Prototype Taste Soft

This is a high-fidelity design system for prototyping consumer-grade landing pages with the kind of polish you'd expect from Linear or Apple's marketing sites. It enforces double-bezel cards (nested containers with concentric radii), button-in-button CTAs with that trailing arrow pattern, and spring-based motion using custom cubic beziers instead of the usual easing functions. The source material is extremely detailed, down to banned fonts and required navbar treatments, which means Claude won't wander into generic Bootstrap territory. Use it when a client says "make it feel expensive" or when you need to justify a premium positioning with craft details that actually ship. The motion rules alone (scroll blur, marquee timing, hover choreography) will save you from reinventing those micro-interactions every time.

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

View on GitHub

Install

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

Installs into .claude/skills of the current project.

Files

Web Prototype — Soft Premium

For briefs that ask for "Apple-like", "Linear-tier", "premium consumer", "calm SaaS", or "$150k agency" finish. The aesthetic is soft, weighty, and obsessive about nested architecture.

Source

Distilled from Leonxlnx/taste-skill — skills/soft-skill/SKILL.md ("Vanguard UI Architect") with the haptic micro-aesthetics, double-bezel architecture, and motion choreography rules. See example.html in this directory for a fully-realized template.