stacks-composables

Provide reactive composables for STX templates to manage state and browser APIs.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the complexity of managing state, browser APIs, and reactive logic in STX templates by providing a comprehensive library of pre-built, auto-imported composables.

Core Features & Use Cases

  • Reactive Primitives: Access state management tools like useToggle, useCounter, and useStorage for persistent data.
  • Browser & DOM Utilities: Simplify complex tasks like handling window resizing, mouse tracking, and element visibility observers.
  • Use Case: Instead of writing custom logic to track window scroll position or manage dark mode state, you can instantly integrate these features using the provided reactive hooks.

Quick Start

Use the stacks-composables skill to implement a reactive dark mode toggle and window size tracker in your current component.

Frequently Asked Questions about stacks-composables

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

FAQPage Schema
How do I manage reactive state and browser APIs in STX templates?

You can manage reactive state in STX templates by using pre-built composables that handle state management, DOM interactions, and browser APIs automatically. This provides auto-imported hooks for sensors, async operations, and storage.

What's the best way to implement a dark mode toggle and track window size in STX?

The best way to implement interactive features like a dark mode toggle or window size tracker in STX is by integrating pre-built reactive hooks. These composables instantly provide the necessary state management and event tracking logic.

Do I need a Bun-based TypeScript environment to use STX composables?

Yes, you need a Bun-based TypeScript environment configured for the Stacks framework to use STX composables. This specific setup is required to support the auto-imported reactive hooks and ensure proper execution.

What reactive primitives are available for STX frontend development?

Available reactive primitives for STX frontend development include state management tools like useToggle, useCounter, and useStorage. These facilitate persistent data handling and simplify complex reactive logic implementation.

Can I simplify complex DOM interactions like scroll tracking without writing custom logic?

Yes, you can simplify complex DOM interactions like scroll tracking and element visibility observation without writing custom logic. The library provides browser and DOM utilities that handle these tasks reactively.

When do I need reactive composables for STX frontend development?

You need reactive composables for STX frontend development when managing persistent data, handling window resizing, or tracking mouse events. They address the complexity of managing state and browser APIs by providing over 90 pre-built tools.