shared-types-add

Community

Sync types across frontend and backend.

Authorsongyinggoh
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill ensures that types shared between the frontend and backend are correctly defined, exported, and built, preventing type mismatches and build errors.

Core Features & Use Cases

  • Type Definition: Adds new types, interfaces, or constants to the shared types package.
  • Barrel Export Management: Automatically updates the main export file (index.ts) for the shared package.
  • Build Step Enforcement: Ensures the shared package is rebuilt so the backend can consume the new types from its dist/ directory.
  • Consumer Verification: Provides commands to type-check both the backend and frontend consumers.
  • Use Case: When adding a new event payload for Socket.io communication between the server and client, use this skill to define the payload type in shared-types and ensure both sides can correctly import and use it.

Quick Start

Use the shared-types-add skill to add a new interface for DocumentPayload to the shared types package.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: shared-types-add
Download link: https://github.com/songyinggoh/renovation-agent-monorepo/archive/main.zip#shared-types-add

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.