Agent skill · software engineering · aiskillstore
frontend-types
All TypeScript types are defined in `frontend/types/index.ts`. Types match backend API response structure and provide type safety across the frontend application.
Why this skill is useful
Provides specific TypeScript type patterns that ensure type safety and match backend API structures, which the AI wouldn't reliably generate on its own.
What it needs
About 5k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
Frontend TypeScript Types Skill Purpose: Guidance for creating TypeScript type definitions following existing patterns from frontend/types/index.ts. Overview All TypeScript types are defined in frontend/types/index.ts. Types match backend API response structure and provide type safety across the frontend application. Type Patterns from frontend/types/index.ts 1. User Types Pattern: Use interface for object types Mark optional fields with ? Use extends for type inheritance Use camelCase for frontend types (even if backend uses snakecase) 2. Task Types Pattern: Use type for union types (string literals) Use interface for object types Match backend field names (snakecase for API fields like userid, duedate, createdat) Create separate types for form data (all optional except required fields) Create separate types for query parameters (all optional) 3. API Response Types Pattern: Use generic types <T> for reusable structures Provide default type parameter (<T = unknown>) Include success boolean flag Include optional data, message, and error fields Create separate type for paginated responses with meta object 4. Authentication Types Pattern: Include success boolean Include token string Include user object (User type) Include expiresAt timestamp for session 5. Error Types Pattern: Use interface for error objects Mark optional fields with ? Use index signature [key: string] for dynamic object types (FormErrors) 6. UI Types Pattern: Use type for union types (string literals) Use interface for object types Include id for unique identification Mark optional fields with ? 7. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/frontend-types