mds-datastar-patterns
CommunityDatastar patterns for UI and app interactions.
Authoreboody
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides standardized patterns for using Datastar attributes, signals, events, and Server-Sent Events (SSE) within the repository, ensuring consistency and maintainability in UI and application development.
Core Features & Use Cases
- Pattern Enforcement: Guides the application of Datastar concepts to ensure adherence to project standards.
- Scope Classification: Helps determine the appropriate interaction scope (
ui_local,command_sse) for different types of UI and application events. - State Authority Management: Clearly defines which parts of the state are managed by the UI and which must be updated via the application backend through SSE.
- Use Case: When designing a new feature involving dynamic data updates on a dashboard, consult this Skill to correctly implement SSE for backend-driven state changes and local expressions for UI-specific state.
Quick Start
Apply the Datastar signal and SSE patterns before defining UI bindings and event handlers.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: mds-datastar-patterns Download link: https://github.com/eboody/eran.codes/archive/main.zip#mds-datastar-patterns Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.