Skip to content

tailrocks/tailrocks-typescript-skills

v0.28.1Apache-2.0

Strict TypeScript, React, and TanStack workflows for project setup, migration, remediation, refactoring, review, web design, and visual regression.

tailrocks-tanstack-project-audit

Use only when the user explicitly requests this skill. Audit an existing Bun/TanStack Start application baseline read-only: layout, versions, tooling, boundaries, Router/Query ownership, shadcn/Tailwind, tests, and CI. Report fixed-ID gaps. Never edit or install.

tailrocks-tanstack-project-migrate

Use only when the user explicitly requests this skill. Migrate an existing frontend application to the Bun-only TanStack Start baseline in never-broken, rollback-safe slices while preserving observable behavior. Use project audit for findings and remediate for approved baseline gaps.

tailrocks-tanstack-project-remediate

Use only when the user explicitly requests this skill. Close exact approved TANSTACK gap-ledger rows in an existing house-stack application, using canonical references and templates in verified transactional slices. Use migrate for foreign-stack transition. Never infer approval.

tailrocks-tanstack-project-setup

Use only when the user explicitly requests this skill. Scaffold a new Bun-only TanStack Start application with TypeScript 7, Oxc, Router/Query, shadcn/ui, Tailwind CSS v4, tests, and CI. Refuse existing apps. Use the audit, migrate, or remediate owner instead.

tailrocks-typescript-best-practices

Apply strict TypeScript 7 and React language/UI policy when writing in-scope code involving state, runtime validation, typed failure, readonly APIs, or async ownership. Not review, refactoring, migration, project tooling, or backend business logic.

tailrocks-typescript-migrate

Use only when the user explicitly requests this skill. Migrate TypeScript or JavaScript source contracts to strict TypeScript 7 semantics in compatibility-safe slices after Bun/TanStack project tooling is established. Preserve behavior and backend ownership.

tailrocks-typescript-refactor

Use only when the user explicitly requests this skill. Refactor TypeScript 7 and React code while preserving observable behavior, public types, errors, state transitions, rendering, accessibility, async effects, and Rust/GraphQL boundaries.

tailrocks-typescript-review

Use only when the user explicitly requests this skill. Review TypeScript 7 and React code read-only for invalid state, unvalidated input, hidden failure, unsafe mutation, async leaks, React contract defects, and duplicated Rust business logic.

tailrocks-web-design

Apply web visual-design policy when in-scope work touches TanStack screens, design routes, shadcn/ui composition, or visual fixtures. Selection alone never authorizes blessing, baseline freeze, capture, or mutation.

tailrocks-web-design-audit

Use only when the user explicitly requests this skill. Audit an existing TanStack design-route package or shipped web screen against its blessed in-app reference. Read-only. Never designs, fixes, blesses, freezes, captures, or changes taste policy.

tailrocks-web-visual-baseline

Use only when the user explicitly requests this skill. Freeze an explicitly blessed TanStack design-route matrix as durable Playwright screenshot baselines. Never installs harnesses, compares regression runs, designs, blesses, or silently updates red baselines.

tailrocks-web-visual-regression

Use only when the user explicitly requests this skill. Compare a TanStack screen matrix against its blessed Playwright screenshot baselines through the revision-bound owned server. Read-only on project source and baselines. Never installs, updates snapshots, designs, blesses, or approves.