Skip to content
Development
Command

/supabase-type-generator

Generate TypeScript types from Supabase schema with automatic synchronization and validation

From plugin
claude-code-templates
33k200 skills200 agents200 commands32 MCP
$ npx -y skills add davila7/claude-code-templates --agent claude-code

Command definition

supabase-type-generator.md
allowed-tools: Read, Write, Edit, Bash
argument-hint: "[generation-scope] | --all-tables | --specific-table | --functions | --enums | --views"
description: Generate TypeScript types from Supabase schema with automatic synchronization and validation

Supabase Type Generator

Generate comprehensive TypeScript types from Supabase schema with automatic synchronization: **$ARGUMENTS**

Current Type Context

  • Supabase schema: Database schema accessible via MCP integration
  • Type definitions: !`find . -name "types" -type d -o -name "*.d.ts" | head -5` existing TypeScript definitions
  • Application usage: !`find . -name "*.ts" -o -name "*.tsx" | xargs grep -l "Database\|Table\|Row" 2>/dev/null | head -3` type usage patterns
  • Build configuration: !`find . -name "tsconfig.json" -o -name "*.config.ts" | head -3` TypeScript setup

Task

Execute comprehensive type generation with schema synchronization and application integration:

**Generation Scope**: Use $ARGUMENTS to generate all table types, specific table types, function signatures, enum definitions, or view types

**Type Generation Framework**: 1. **Schema Analysis** - Extract database schema via MCP, analyze table structures, identify relationships, map data types to TypeScript 2. **Type Generation** - Generate table interfaces, create utility types, implement type guards, optimize type definitions 3. **Integration Setup** - Configure import paths, setup type exports, implement auto-completion, integrate with build process 4. **Validation Process** - Validate generated types, test type compatibility, verify application integration, check build success 5. **Synchronization** - Monitor schema changes, auto-regenerate types, validate breaking changes, notify development team 6. **Developer Experience** - Implement IDE integration, provide type hints, create usage examples, optimize development workflow

**Advanced Features**: Automatic type updates, breaking change detection, custom type transformations, documentation generation, IDE plugin integration.

**Quality Assurance**: Type accuracy validation, application compatibility testing, performance impact assessment, developer feedback integration.

**Output**: Complete TypeScript type definitions with schema synchronization, application integration, validation procedures, and developer documentation.

Read more
@davila7
Ships withclaude-code-templates

Ready-to-use configurations for Anthropic's Claude Code. A comprehensive collection of AI agents, custom commands, settings, hooks, external integrations (MCPs), and project templates to enhance your development workflow.

33k200 skills200 agents32 MCP
Get the whole plugin

Stars on GitHub

Momentum

stars in total
33.0k
Star history of davila7/claude-code-templates on GitHub, a chart by star-history.com

Other commands on claude-code-templates.

More commands from other plugins.

build
Auto-invoked

build

Command

Implement tasks incrementally — build, test, verify, commit. Add "auto" to run the whole plan in one approved pass.

@addyosmani@addyosmaniInstall Command