stacks-redesign

Audit and upgrade Stacks UI projects to improve visual hierarchy.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the prevalence of generic, AI-generated design patterns in Stacks projects by providing a structured audit and upgrade path to achieve a high-end, professional aesthetic without requiring a framework migration.

Core Features & Use Cases

  • Design Audit: Systematically identifies weak points in typography, color, layout, and interactivity that signal low-quality AI output.
  • Premium Upgrades: Provides actionable techniques for implementing variable fonts, sophisticated motion, and refined surface treatments using existing Stacks primitives.
  • Use Case: Use this skill to transform a generic, template-heavy dashboard into a polished, high-conversion interface by applying specific typography, spacing, and state-based interactivity improvements.

Quick Start

Apply the stacks-redesign skill to audit the current project and generate a prioritized list of UI improvements based on the design audit guidelines.

Frequently Asked Questions about stacks-redesign

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

FAQPage Schema
How do I upgrade my Stacks UI to look less generic and more premium?

Improving visual hierarchy in Stacks requires auditing weak points in typography, color, and interactivity. You can then apply advanced CSS techniques and refined surface treatments to upgrade generic, template-heavy dashboards into polished interfaces.

Can I improve Stacks UI design without migrating to a new framework?

Yes, you can improve Stacks UI without a framework migration by applying advanced CSS principles to your existing codebase. This approach enhances typography, motion, and surface depth while adhering to current framework constraints.

How do I audit a Crosswind project for low-quality UI patterns?

Auditing a Crosswind project involves systematically identifying weak points in typography, layout, and state-based interactivity. This generates a prioritized list of targeted UI improvements to achieve a high-end, professional finish.

Does the stacks-redesign skill work with composable-based codebases?

Yes, stacks-redesign explicitly targets composable-based codebases alongside stx and Crosswind projects. It audits these codebases to apply premium typography, sophisticated motion, and refined surface treatments within existing constraints.

What is the best way to eliminate generic AI design patterns in a Stacks dashboard?

The best way to eliminate generic AI design patterns in a Stacks dashboard is to apply a structured design audit. This identifies low-quality output and provides actionable techniques for implementing variable fonts, refined spacing, and state-based interactivity.

What are the limitations of upgrading Stacks UI without a framework migration?

The primary limitation of upgrading Stacks UI without a framework migration is the strict requirement to adhere to existing framework constraints. You must apply advanced CSS principles using only existing Stacks primitives rather than introducing new dependencies.