Stacks Documentation
SkillsChangelog
TeamSponsorsPartnersPostcardwareAwesome StacksContributing

Design: soft

Copy page
Copy page as Markdown for LLMs
View as Markdown
View this page as plain text
Open in ChatGPT
Copy content and open ChatGPT
Open in Claude
Copy content and open Claude
Open in Perplexity
Search with Perplexity AI
On this page 4

stacks-design-soft · Design · model-invoked

An aesthetic preset for work that should feel expensive: generous whitespace, premium type, soft diffused shadows and spring-like motion. Composes with Design taste, which carries the shared rules.

When to reach for it

  • Designing a landing page
  • Hero
  • Marketing section
  • Pricing
  • Portfolio that needs generous whitespace
  • Premium fonts
  • Soft diffused shadows
  • Spring-like motion

Inside the skill

The sections an agent reads once the skill loads.

    1. Core Directive
    1. THE "ABSOLUTE ZERO" DIRECTIVE (STRICT ANTI-PATTERNS)
    1. THE CREATIVE VARIANCE ENGINE
    1. HAPTIC MICRO-AESTHETICS (COMPONENT MASTERY)
    1. MOTION CHOREOGRAPHY (FLUID DYNAMICS)
    1. PERFORMANCE GUARDRAILS
    1. EXECUTION PROTOCOL
    1. PRE-OUTPUT CHECKLIST

Using it

This one is model-invoked. Your agent reaches for it on its own when the task matches, and you can also call it by name:

/stacks-design-soft

Source: stacks-design-soft/SKILL.md. Shadow it for one project with app/Skills/stacks-design-soft/SKILL.md, then re-run buddy setup:ai. See Writing your own.