citec-typescript-contracts

What problem does it solve? Frontend codebases often accumulate loose typing, any escapes, and unclear data boundaries that cause runtime errors and brittle integrations. This Skill provides a consistent set of rules for writing strict TypeScript contracts in the CITEC frontend so types, props, and data modules stay predictable. ## Core Features & Use Cases - Strict typing rules: Bans unjustified any, broad Record<string, unknown>, and non-null assertions, favoring narrow unions and explicit interfaces. - Framework conventions: Standardizes how to type Astro props with interface Props and Astro.props, and React props with named prop types near components. - Boundary ownership: Keeps data contracts in src/data, integration boundaries in src/lib, and pure utilities in src/utils. - Use Case: When adding a new partner directory page, use this Skill to define the partner and city types in src/data, type the Astro component props, and validate everything with bun run check. ## Quick Start Use the citec-typescript-contracts skill to review the TypeScript types and Astro props in my new events page for strictness and correct data boundaries.