Menu
SkillsMP has collected 9 skills from fjaeckel/ninerlog-frontend. Open a skill to review its source and details.
Showing 9 of 9 collected skills.
Regenerate the marketing feature images and demo clips used by ninerlog.com and the ninerlog deployment README — light+dark stills and WebM/GIF animations rendered from the app against the "famous women in aviation" story fixtures. Load when asked to refresh…
How NinerLog talks to its backend — regenerating the typed client from the OpenAPI spec, writing TanStack Query hooks, cache invalidation, and the auth/token-refresh machinery. Load when adding or changing an API-backed hook, consuming a new endpoint,…
House comment style — every comment is terse and states only the WHAT, never the WHY. Rationale, history, and justification live in git commit messages and documentation, not in source. Load before writing any comment, when touching code that contains…
NinerLog's Tailwind v4 design system — color tokens, component classes, dark mode, typography, and mobile-first layout rules. Load before writing or restyling any JSX/CSS, adding a UI primitive, changing a brand or status color, or reviewing markup for visual…
MANDATORY for every change that alters rendered UI in NinerLog — capture before/after screenshots with the harness in scripts/screenshots and look at them. Load and run before touching any JSX, CSS, Tailwind class, translation string, icon, or layout, and…
Keeping the admin console (src/pages/admin/AdminPage.tsx) rendering everything the API exposes — stat tiles, config rows, maintenance actions, audit entries, new tabs. Use after regenerating src/api/schema.ts, when the API adds a field to AdminStats or…
How NinerLog frontend tests are written and run — Vitest + React Testing Library unit tests, Playwright E2E against a real API with MailPit, and the Docker test stack. Load when writing a test, debugging a failing or flaky test, or running the pre-push gate.
Recipe for adding a new route/page to the NinerLog frontend — lazy loading, auth guard, app-shell navigation, and forms. Load when creating a new screen, adding a route to App.tsx, adding a nav entry, or building a form with React Hook Form + Zod.
Adding, changing, or translating user-facing strings in NinerLog (i18next, EN + DE namespaces). Load whenever you write text a user will see, add a translation namespace, hit the CI translation-completeness check, or need to keep en/de locale files in sync.