Supercharge OpenCode with Custom Skills: Livewire Full Page Components

Are you using OpenCode to build Laravel apps? In this tutorial, we’re creating a custom OpenCode Skill to automate the creation and management of Livewire Full Page Components. We’ll build a decision-tree-based Skill that teaches the OpenCode agent how to handle routing, layout selection (#[Layout]), and page titles for Livewire 3/4. What’s inside: Intro to OpenCode Skills architecture Setting up the SKILL.md file for Livewire Defining Patterns: Routing vs. Inline Components Handling Layouts and Page Titles via Attributes Testing the Skill: Creating a CRUD page with the Agent Best practices for Skill "Gotchas"