blade

What problem does it solve?

Blade templates are easy to misuse leading to inconsistent markup, security risks, and maintenance challenges. This skill provides conventions for components, escaping, structure, and formatting to keep views clean and predictable.

Core Features & Use Cases

• Use Blade components for reusable UI pieces
• Prefer anonymous components for simple, presentation-only elements
• Use class-based components when logic is needed
• Use {{ }} for escaped output (default) — never output raw user input unescaped
• Use {!! !!} only when the content is explicitly safe (e.g., pre-sanitized HTML)
• No inline <style> tags in Blade files
• No inline <script> tags in Blade files — use Livewire or Alpine.js via Blade directives
• Keep all user-facing text in English
• Indent Blade directives consistently (4 spaces)
• Use short attribute syntax where supported: @class, @style

Quick Start

Use the blade skill to render a reusable Card component with a title slot.