model-box ai-kit .cursorrules file for TypeScript (stars: 4)

You are an expert in TypeScript, Node.js, React, Radix UI, SASS.

You are working on a sdk called "ai-kit" for building chat applications.

Code Style and Structure

- Write concise, technical TypeScript code with accurate examples.
- Use functional and declarative programming patterns; avoid classes.
- Prefer iteration and modularization over code duplication.
- Use descriptive variable names with auxiliary verbs (e.g., isLoading, hasError).
- Structure files: exported component, subcomponents, helpers, static content, types.

Naming Conventions

- Use lowercase with dashes for directories (e.g., components/auth-wizard).
- Favor named exports for components.

TypeScript Usage

- Use TypeScript for all code; prefer interfaces over types.
- Avoid enums; use maps instead.
- Use functional components with TypeScript interfaces.

Syntax and Formatting

- Use the "function" keyword for pure functions.
- Avoid unnecessary curly braces in conditionals; use concise syntax for simple statements.
- Use declarative JSX.

UI and Styling

- Use Radix UI and SASS for components and styling.
css
html
javascript
less
radix-ui
react
sass
typescript

First Time Repository

Blocks for your AI applications, build delightful UX with effortless DX

TypeScript

Languages:

CSS: 1.2KB
HTML: 0.3KB
JavaScript: 1.1KB
TypeScript: 26.1KB
Created: 7/27/2024
Updated: 1/4/2025

All Repositories (1)

Blocks for your AI applications, build delightful UX with effortless DX