Filament Shot Laravel Package

Generate screenshots of Filament UI components using the filament-shot package. Use when the developer asks to screenshot, capture, render, or preview a Filament form, table, infolist, stats widget, modal, notification, or navigation — or when they want to generate PNG images of Filament components programmatically. Trigger phrases include "screenshot", "capture form", "render table as image", "generate PNG", "filament-shot", "take a screenshot of", "create an image of my form", "export as image".

Use filament-shot's highlight, annotation, and CSS customization features to create polished documentation screenshots. Use when the developer wants to draw attention to specific fields, add custom styling, create step-by-step tutorial screenshots, highlight validation errors, annotate UI elements, or inject custom CSS into screenshots. Trigger phrases include "highlight field", "highlight the email field", "draw attention to", "annotate screenshot", "show the user which field", "custom CSS screenshot", "step by step screenshot", "mark the field", "circle this field", "inject CSS", "custom styling screenshot", "documentation screenshot".

Help with using filament-shot alongside third-party Filament plugins, or making a Filament plugin compatible with filament-shot. Use when the developer is trying to screenshot a form that contains a third-party plugin field (PhoneInput, MoneyInput, SlugInput, etc.), when a plugin component renders blank or incorrectly in screenshots, or when a plugin author wants to ensure their component renders properly in filament-shot. Trigger phrases include "third party plugin", "plugin component blank", "plugin not rendering", "PhoneInput screenshot", "make my plugin work with filament-shot", "plugin screenshot", "custom component screenshot", "Alpine component not showing", "plugin CSS not loading".

Match filament-shot screenshots to the real Filament panel theme. Use when the developer wants screenshots to look like their actual app, wants to apply their panel's primary color or font to screenshots, asks why screenshots don't match their panel, or wants to extract theme config from their Filament panel provider. Trigger phrases include "match my panel theme", "use my panel colors", "primary color from panel", "same color as my app", "screenshots don't match", "use my filament theme", "apply panel font", "detect panel color", "what color is my panel", "copy my panel style", "theme from panel provider".