filament-rules
CommunityMaster Filament 4.x coding standards, build robust UIs.
System Documentation
What problem does it solve?
Developing with Filament 4.x can be challenging due to specific project customizations (like using Schema instead of Form) and the need for consistent coding standards. This skill provides a comprehensive guide to the project's Filament rules, ensuring all developers adhere to best practices for UI/UX, namespace usage, observer patterns, and image management.
Core Features & Use Cases
- Custom Namespace Guide: Clarifies the project's unique
Filament\Schemas\Components(for layouts) vs.Filament\Forms\Components(for fields) structure, preventing common "Class not found" errors. - UI/UX Standards: Enforces Vietnamese labels, proper date formatting, navigation badges, and consistent table/form component usage.
- Observer Patterns: Guides on auto-generating SEO fields (slug, meta_title) and managing images (alt text, order, file cleanup) via Observers.
- Use Case: You're building a new Filament resource and are unsure whether to use
Filament\Forms\Components\GridorFilament\Schemas\Components\Grid. Activate this skill to quickly learn the correct namespace for layout components in this project.
Quick Start
I'm creating a new Filament resource. What are the critical namespace rules I need to follow for layout components like Tabs and Grid?
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: filament-rules Download link: https://github.com/Hieubkav/wincellarCloneBackend/archive/main.zip#filament-rules Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.