Build reactive component-based UIs using STX templates in Stacks applications.
npx skills add https://github.com/stacksjs/stacks --skill stacks-stx
Please help me install this Agent Skill. Skill: stacks-stx Source: https://github.com/stacksjs/stacks/tree/main/.claude/skills/stacks-stx Command: npx skills add https://github.com/stacksjs/stacks --skill stacks-stx
STX templating is the go-to for building reactive, component-based templates in Stacks apps, solving the challenge of writing scalable, maintainable front-end templates without vanilla JS.
Install or configure your project to enable STX templating and start writing .stx templates for components.
High-intent search queries and answers about installing and using this skill.
STX templating enables reactive, component-based front-end templates in Stacks apps using signals and directives. It solves the challenge of writing scalable, maintainable UIs without vanilla JS by binding data changes directly to template behavior.
Configuring STX templating requires setting up the bunfig.toml file and loading the bun-plugin-stx plugin. This environment setup enables .stx template parsing and allows you to start writing reactive components immediately.
Reactive signals and directives in STX templates are mechanisms that drive UI behavior and component lifecycles. Signals track state changes while directives apply behaviors, ensuring the template dynamically updates when underlying data changes.
Yes, STX templates are designed for building dynamic dashboards that react to data changes in real-time. By leveraging reactive signals, the UI components automatically update their displayed content whenever the underlying application state changes.
STX templating integrates directly with Stacks tooling and Bun via the bun-plugin-stx plugin. This integration allows developers to rapidly develop front-end UIs by writing .stx templates that are processed within the Bun build ecosystem.
stacksjsAutomate reactive state management and DOM interactions in STX templates with 90+ composables.
aalmadaScaffold Blazor frontend features with reactive state and cache invalidation.
bughqProvide reactive composables for STX templates to manage state and browser APIs.
TwuanMinnBind data to DOM elements to create interactive D3.js visualizations.
