Enforce binding/presentation separation and DatabaseElement extension in Lit elements.
npx skills add https://github.com/paralleldrive/aidd --skill aidd-lit
Please help me install this Agent Skill. Skill: aidd-lit Source: https://github.com/paralleldrive/aidd/tree/main/ai/skills/aidd-lit Command: npx skills add https://github.com/paralleldrive/aidd --skill aidd-lit
This Skill helps maintain clean and testable Lit elements by enforcing the separation of concerns between binding elements and presentations, and by utilizing the DatabaseElement extension.
useObservableValues.DatabaseElement.Use the aidd-lit skill to create a new Lit element with the binding/presentation split and DatabaseElement extension.
High-intent search queries and answers about installing and using this skill.
The binding/presentation split enforces separation of concerns in Lit element development by isolating data binding logic from rendering logic, resulting in cleaner and more testable Lit elements.
The DatabaseElement extension facilitates extending Lit elements with database functionalities, needed when integrating reactive data subscriptions and database operations directly within Lit components.
Reactive subscriptions in Lit are set up using the useObservableValues feature, enabling presentation components to reactively update when observed data values change within the binding element architecture.
SudoLang is required alongside Lit to properly handle element creation and action management when enforcing the binding/presentation split and DatabaseElement integration.
The binding/presentation split pattern applies to both creating new Lit elements and refactoring existing ones when developing new binding elements, presentations, or integrating DatabaseElement.
Lit elements become hard to test without a binding/presentation split because data binding and rendering logic are tightly coupled, which reduces testability and maintainability of the components.
981029lInitialize a new webnovel project with structured files and directory templates.
mazreanCreate Lit web components with reactive properties and Shadow DOM styling.
mintuzImplement SwiftUI architecture with pure data flow and AppRouter navigation.
hung-phanImplement CQRS patterns separating write and read models with event sourcing.