Bind UI elements to server-driven signals using data-* attributes.
npx skills add https://github.com/romshark/datapages --skill datastar-romshark
Please help me install this Agent Skill. Skill: datastar Source: https://github.com/romshark/datapages/tree/main/.skills/datastar Command: npx skills add https://github.com/romshark/datapages --skill datastar-romshark
Datastar enables declarative frontend reactivity by binding UI elements to server-driven signals and actions using data-* attributes.
Create a minimal Datastar skill by adding SKILL.md with a name and description, then include a simple template using data-bind and data-on to demonstrate frontend reactivity.
High-intent search queries and answers about installing and using this skill.
Declarative frontend reactivity in HTML templates works by binding UI elements to server-driven signals using data-* attributes, eliminating the need for a heavy frontend framework. Datastar enables this directly within plain HTML.
You can bind UI elements to backend actions using data attributes like @get, @post, @put, and @delete to trigger server requests directly from templates. Datastar integrates these actions to update elements and signals via SSE.
Updating frontend state from server events in plain HTML is done by patching elements and signals using Server-Sent Events (SSE). Datastar applies these patches to maintain real-time UIs with server-driven state.
Yes, you can use data attributes like data-bind, data-on, and data-show for reactive forms and dashboards. Datastar provides a lightweight templating workflow compatible with Templ and plain HTML templates.
No, you do not need hardcoded URLs to trigger server requests. Datastar requires avoiding hardcoded URLs and leverages its templating language within the datapages context to manage backend actions dynamically.
Declarative reactivity works by using data-bind and data-signals to connect HTML elements to server-driven state. Datastar applies these data-* attributes to automatically patch elements and signals in response to backend events.
msichtermanRoute Convex development tasks to specialized sub-skills for schemas, functions, and agents.
matthewharwoodEnforce attribute-driven state and zero DOM queries in Custom Elements v1.
mazreanGenerate type-safe HTML components in Go using the templ templating language.
the-perfect-developerAdd declarative interactivity to HTML using Alpine.js core directives.
