livewire-v3-syntax
Skill1 starsChanged 59 days agoMITView on GitHub
Livewire コンポーネントを書く・編集するときに必ず確認する。 特に <livewire:...> タグ、@livewire ディレクティブ、wire:key / :key 属性のいずれかを書こうとしているとき。 Livewire v2 と v3 で構文が大きく異なるため。
In this repository27 other files it gives its agents.
- CLAUDE.mdCLAUDE.md
- add-hookSkill
- affected-area-testingSkill
- commit-workflowSkill
- create-issueSkill
- create-manualSkill
- create-prSkill
- debug-bar-investigationSkill
- documentation-standardsSkill
- edit-issueSkill
- handoffSkill
- large-feature-executionSkill
- parallel-setupSkill
- pdf-readSkill
- pdfSkill
- playwright-error-detectionSkill
- pre-implementation-researchSkill
- questionnaireSkill
- resolve-issueSkill
- review-permissionsSkill
- review-prSkill
- route-managementSkill
- systematic-debuggingSkill
- tailwind-enforcementSkill
- tddSkill
- ui-approvalSkill
- writing-skillsSkill
The file
Files
Livewire v3 構文ルール
Livewire 3.x を使うプロジェクトで、v2 系の書き方が混入するのを防ぐ。 本 skill を有効にした状態では v2 構文は禁止。
タグ記法
正解 (v3):
<livewire:component-name :key="$key" />
<livewire:component-name :prop="$value" />
<livewire:component-name :prop="$value" :key="$id" />NG (v2 系):
@livewire('component-name')
<livewire:component-name wire:key="key" />キー属性
繰り返し描画時のキーは :key を使う。wire:key は v2 構文。
不確実な場合
claude.ai Context7 MCP で最新仕様を確認する:
mcp__claude_ai_Context7__resolve-library-idで Livewire の ID を取得mcp__claude_ai_Context7__query-docsで最新仕様を確認- それに従って実装
Does it work?
Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.
No reviews yet
People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.
- It worked
- Partly
- It didn't
Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.
Your trail
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
Now do this for your own.
Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.