stacks-crosswind

Apply Tailwind-like utility classes to style Stacks application components.

622|17|Updated Apr 26, 2022
One-click install
npx skills add https://github.com/stacksjs/stacks --skill stacks-crosswind
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: stacks-crosswind
Source: https://github.com/stacksjs/stacks/tree/main/.claude/skills/stacks-crosswind
Command: npx skills add https://github.com/stacksjs/stacks --skill stacks-crosswind

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Crosswind provides the default CSS framework for Stacks applications, delivering Tailwind-like utilities.

Core Features & Use Cases

  • Tailwind-like utility classes for rapid UI styling
  • Responsive design utilities and dark mode support
  • Theme configuration and integration with the Stacks build system

Quick Start

Start by applying Crosswind utility classes in STX templates to style components and adopt the default design system.

Frequently Asked Questions about stacks-crosswind

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

FAQPage Schema
What is a Tailwind-like CSS framework for rapid UI styling?

A Tailwind-like CSS framework provides utility classes for rapid UI styling, allowing developers to apply pre-built styles directly in templates for fast and consistent component design without writing custom CSS.

How do I use utility classes to style components in Stacks applications?

To style components in Stacks applications, apply Crosswind utility classes directly within your STX templates to rapidly adopt the default design system and configure responsive layouts.

Does Crosswind CSS support dark mode and responsive design utilities?

Yes, Crosswind CSS supports dark mode and responsive design utilities, enabling consistent theme customization across various screen sizes within Stacks projects.

Can I configure the theme for my Stacks application build system?

Yes, you can configure the theme for Stacks applications because Crosswind integrates directly with the build system to deliver customizable design tokens and consistent styling.

What are the limitations of using utility classes for theme configuration?

While utility classes enable rapid styling, theme configuration heavily depends on the Stacks build system integration, meaning Crosswind is specifically designed for Stacks projects rather than general-purpose use.