livewire-development
✓開發反應式 Livewire 4 組件。創建、更新或修改 Livewire 組件時激活；使用wire:model、wire:click、wire:loading或任何wire:指令；添加實時更新、加載狀態或反應性；調試組件行為；編寫 Livewire 測試；或者當用戶提到 Livewire、組件、計數器或反應式 UI 時。
SKILL.md
Use php artisan livewire:convert create-post to convert between single-file, multi-file, and class-based formats.
| Single-file (SFC) | default | PHP + Blade in one file | | Multi-file (MFC) | --mfc | Separate PHP class, Blade, JS, tests | | Class-based | --class | Traditional v3 style class | | View-based | ⚡ prefix | Blade-only with functional state |
new class extends Component { public int $count = 0;
開發反應式 Livewire 4 組件。創建、更新或修改 Livewire 組件時激活；使用wire:model、wire:click、wire:loading或任何wire:指令；添加實時更新、加載狀態或反應性；調試組件行為；編寫 Livewire 測試；或者當用戶提到 Livewire、組件、計數器或反應式 UI 時。 來源：spatie/freek.dev。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/spatie/freek.dev --skill livewire-development- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-05
- 更新時間
- 2026-02-18
快速解答
什麼是 livewire-development？
開發反應式 Livewire 4 組件。創建、更新或修改 Livewire 組件時激活；使用wire:model、wire:click、wire:loading或任何wire:指令；添加實時更新、加載狀態或反應性；調試組件行為；編寫 Livewire 測試；或者當用戶提到 Livewire、組件、計數器或反應式 UI 時。 來源：spatie/freek.dev。
如何安裝 livewire-development？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/spatie/freek.dev --skill livewire-development 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/spatie/freek.dev