メニュー
Use when working on Final Cut Filament admin panel design, resource UI, widgets, custom admin pages, badges, notifications, table styling, or admin theme CSS.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
Use this skill to generate well-branded interfaces and assets for Final Cut, the cinematic theatre brand ("The Cinematic Void Framework"), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
Use when working on Final Cut customer-facing Nuxt/Vue UI, visual polish, component design, accessibility, layout, icons, tokens, or brand expression under frontend/.
Use this skill when designing, theming, or extending the Final Cut Filament admin panel — Resources, Resource viewSchema/infolists, custom Pages, Widgets, Notifications, badges, and Blade view overrides under `backend/app/Filament/` and `backend/resources/views/filament/`. Triggers on requests like "style this Filament resource", "add a dashboard widget", "the admin panel still looks like default Filament", "the booking status badge is the wrong color", or any work touching `AdminPanelProvider`, `viteTheme`, or the admin theme CSS. NOT for customer-facing work under `frontend/` — use the sibling `finalcut-design` skill for that. NOT the bundled `frontend-design` skill either — that one builds generic interfaces and doesn't know the Final Cut brand.
SOC 職業分類に基づく
| name | finalcut-admin-design |
| description | Use when working on Final Cut Filament admin panel design, resource UI, widgets, custom admin pages, badges, notifications, table styling, or admin theme CSS. |
This skill applies to Filament admin work under backend/app/Filament/, backend/resources/views/filament/, and backend/resources/css/filament/.
backend/resources/css/filament/admin/theme.css.docs/design-system/DESIGN_SYSTEM.md.CLAUDE.md..claude/skills/finalcut-admin-design/.Filament\Schemas\Schema, Filament\Schemas\Components\Section).primary / #FFB4A8 is text-on-dark only; primary_container / #550000 is the fill/accent token.rem units for custom CSS except borders, shadows, and sub-pixel technical cases.make admin-test for admin behavior.make admin-filament-assets after editing admin theme CSS.