Guide Leptos development across components, signals, SSR, and routing.
npx skills add https://github.com/HadiCherkaoui/opencode-config --skill leptos
Please help me install this Agent Skill. Skill: leptos Source: https://github.com/HadiCherkaoui/opencode-config/tree/main/skills/leptos Command: npx skills add https://github.com/HadiCherkaoui/opencode-config --skill leptos
Ensures Leptos development stays correct, idiomatic, and aligned with the framework's reactive model by guiding developers through standard patterns across components, signals, SSR, routing, and deployment.
#[component], #[island], signals (signal, RwSignal, ReadSignal, WriteSignal), memos, and effects.#[server]), router configuration (leptos_router), SSR hydration, and deployment workflows.Read the relevant guideline files before editing Leptos code.
High-intent search queries and answers about installing and using this skill.
To manage signals correctly in Leptos components, follow idiomatic patterns using `signal`, `RwSignal`, `ReadSignal`, and `WriteSignal` to maintain the framework's reactive model. The workflow requires reading specific guideline files before coding to ensure consistency and safety across your project's reactive state.
The best way to configure routing and server functions for a Leptos SSR app is to apply standard patterns using `leptos_router` for routes and `#[server]` for server functions. Reading the relevant guideline files before editing ensures correct SSR hydration and deployment setup.
Creating idiomatic Leptos components requires using `#[component]` and `#[island]` macros properly within the framework's reactive model. You must read specific guideline files before coding to validate usage against structured guidelines for safe and consistent component creation.
Yes, Leptos works with standard web deployment workflows for SSR hydration by implementing server functions and configuring routes through `leptos_router`. The mandatory workflow ensures you read guideline files before coding to maintain correct SSR hydration and deployment alignment.
Leptos reactivity breaks when memos and effects deviate from the framework's reactive model. To fix this, enforce idiomatic development by reading specific guideline files before coding and validating your usage against the structured guidelines for signals and effects.
GoogleChromeValidate web platform guidance documents for technical accuracy and accessibility compliance.
OpenAEC-FoundationEnforce correct SolidStart server and data-loading patterns to prevent hydration errors.
adelabdelgawadValidate and synchronize cargo-leptos metadata blocks in Cargo.toml files.
darelabs-techGuide Leptos 0.7+ web app architecture with CSR and fullstack variants.