codewithdennis/filament-theme-inspector
A Filament developer tool for inspecting your panel’s theme in real time. Browse colors, typography, spacing, and component tokens, then copy CSS variables to debug or refine your custom Filament theme.
fi- class behind a component, which reduces designer↔engineer round trips during panel polish. That is a process decision as much as a tooling one: does design QA own the last mile of styling, or does it always route through an engineer?fi- convention and where to find the styling hook — the package is the excuse to write it.Diligence flag for the PM: the repository tagline (hover-to-reveal fi- classes) and the longer description (inspect theme colors, CSS variables, light/dark token comparison) describe overlapping but not identical tooling. Confirm which capability actually ships in v0.0.7 before anyone quotes either one as the justification.
Consider it when:
APP_DEBUG or an environment check, ideally on a single dedicated design-sandbox panel rather than the shared admin panel every engineer touches.Look elsewhere or skip when:
fi- class names is maximally exposed to major-version churn. Assume incompatibility until proven otherwise.To executives: This is a free, MIT-licensed, developer-only convenience for our admin panel: hover any element, see the Filament style class, click to copy. It makes custom admin-panel styling faster to iterate on and carries essentially no business risk provided it is gated to local/dev environments and never reaches production. The caveat is that upstream is archived and unmaintained, so the honest framing is "a cheap accelerator we may fork and own," not "a component we're standardizing on." Recommendation: approve a short, time-boxed trial during active theming work, with a pre-committed decision to fork, reimplement, or discard before our next Filament major upgrade.
To engineering: Register it local/dev only — preferably on one design-sandbox panel, not the shared admin panel — and verify it against our pinned Filament v3 version. Filament v4 is unverified and likely broken given the archive date. Expect friction from a strict Content-Security-Policy blocking the injected script, and from clipboard writes silently failing on plain-HTTP hosts. If it earns its place after a one-sprint pilot, copy it into our internal tooling namespace so we control compatibility. Success criteria: a measurable reduction in time-to-style a component for engineers and designers, plus proof — ideally a CI assertion — that no build artifact or environment flag leaks it into staging or production. If gating or version checks become awkward, drop it and build the equivalent ourselves; the functionality is small and removal is a one-commit change with no data, API, or migration surface to unwind. Treat the upstream repository as a reference implementation and name an internal owner on day one, or it will surface as archaeology during the next upgrade.
How can I help you explore Laravel packages today?