stacks-design-soft

Engineer premium UI components with Crosswind utilities and custom CSS in Stacks.

2|Updated Jul 8, 2026
One-click install
npx skills add https://github.com/bughq/bughq --skill stacks-design-soft-bughq
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: stacks-design-soft
Source: https://github.com/bughq/bughq/tree/main/.claude/skills/stacks-design-soft
Command: npx skills add https://github.com/bughq/bughq --skill stacks-design-soft-bughq

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill solves the problem of generic, uninspired UI design by providing a rigorous framework for creating high-end, premium digital experiences that feel expensive, soft, and physically tactile.

Core Features & Use Cases

  • Premium Aesthetic Presets: Implements sophisticated visual languages like Ethereal Glass, Editorial Luxury, and Soft Structuralism.
  • Haptic Micro-Aesthetics: Provides a library of nested Double-Bezel components and magnetic button physics to simulate physical hardware interactions.
  • Fluid Motion Choreography: Orchestrates complex, spring-like motion and staggered reveals using custom cubic-bezier transitions without heavy animation libraries.

Quick Start

Use the stacks-design-soft skill to generate a premium hero section for a SaaS landing page using the Ethereal Glass archetype.

Frequently Asked Questions about stacks-design-soft

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create premium UI components in the Stacks framework?

To create premium UI components in the Stacks framework, you engineer high-end layouts using Crosswind utilities and custom CSS, applying cinematic spatial rhythm and fluid motion for marketing sections and portfolios.

What is the best way to design high-end SaaS landing pages without heavy animation libraries?

Designing high-end SaaS landing pages without heavy animation libraries involves orchestrating complex spring-like motion and staggered reveals using custom cubic-bezier transitions and GPU-optimized animation patterns.

Can I use nested bezel architectures and custom typography for Stacks UI design?

Yes, you can use nested bezel architectures and custom typography for Stacks UI design. The framework specifically satisfies requirements for non-standard typography and nested Double-Bezel components to simulate physical hardware interactions.

How do fluid motion and haptic micro-aesthetics work in premium UI design?

Fluid motion and haptic micro-aesthetics in premium UI design work by combining custom cubic-bezier transitions with magnetic button physics to simulate physically tactile, expensive digital experiences.

When should I use Soft Structuralism or Ethereal Glass presets for web design?

Use Soft Structuralism or Ethereal Glass presets for web design when you need to solve the problem of generic, uninspired UI by implementing sophisticated visual languages that feel expensive and physically tactile.