stacks-crosswind

Generate optimized CSS from utility classes and custom rules in Bun-based Stacks applications.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill simplifies the styling process in Stacks applications by providing a robust, utility-first CSS engine that handles complex design requirements without the overhead of traditional CSS frameworks.

Core Features & Use Cases

  • Utility-First Styling: Apply granular control over layout, spacing, and typography using a comprehensive set of CSS utilities.
  • Dynamic CSS Generation: Automatically generate optimized CSS based on your project configuration and source files.
  • Use Case: When building a responsive dashboard, use this Skill to rapidly prototype layouts using utility classes, implement dark mode variants, and ensure consistent design tokens across your entire application.

Quick Start

Use the stacks-crosswind skill to generate the CSS output for your project by running the build function with your current configuration.

Frequently Asked Questions about stacks-crosswind

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

FAQPage Schema
How do I generate utility-first CSS for a Stacks web application?

Utility-first CSS generation for a Stacks web application is handled by running the build function with your current UI configuration, which automatically outputs optimized stylesheets based on your source files and project settings.

What is bracket syntax in a utility-first CSS engine?

Bracket syntax in a utility-first CSS engine allows you to define custom CSS values dynamically within utility classes, generating precise styling rules on demand without leaving your markup or writing traditional CSS files.

Does this utility-first CSS engine work in a Bun-based environment?

This utility-first CSS engine works natively in a Bun-based environment, processing your UI configuration to generate CSS from utility classes and custom rules specifically optimized for Bun runtime performance.

How do I implement dark mode and responsive design tokens using utility classes?

Dark mode variants and responsive design tokens are implemented by applying specific utility classes in your markup, which the engine compiles into optimized CSS based on your project's design token configuration.

What's the best way to manage consistent styling across a dashboard without traditional CSS frameworks?

Managing consistent styling without traditional CSS frameworks is best achieved through a utility-first CSS engine, applying granular utility classes for layout and spacing to rapidly prototype responsive interfaces with dark mode support.

Why do I need UI configuration integration to output optimized stylesheets?

UI configuration integration is required to output optimized stylesheets because the engine reads your project-specific design tokens and source files to dynamically generate only the necessary CSS, eliminating framework overhead.