Profile My skills Saved Collections Edit profile Submit a skill

Tsx

TSX namespace for Netsnek e.U. TypeScript component toolkit. React component scaffolding, type-safe props, Storybook integration, and component docs.

modbender 7846f8e 4 files · 2.5 KB Updated 12 repo stars
Web & Frontend

File contents

What is TSX?

TSX is the TypeScript component toolkit by Netsnek e.U. It enables rapid development of React components with type-safe props, Storybook integration, and automatic component documentation.

Component Workflow

  1. Scaffold a new component with scripts/component-gen.sh --scaffold <Name>
  2. Define props in the generated types file
  3. Run Storybook to visualize variants with scripts/component-gen.sh --info
  4. List existing components with scripts/component-gen.sh --list

Available Commands

Command Args Purpose
component-gen.sh --scaffold <Name> Create component files, types, and Story
component-gen.sh --list List all components in the project
component-gen.sh --info Show Storybook integration details

Real-World Example

# Create a new Button component
./scripts/component-gen.sh --scaffold Button

# List available components
./scripts/component-gen.sh --list

# Get Storybook info
./scripts/component-gen.sh --info

modbender/skill-library-mcp/tree/main/data/tsx commit 7846f8e60d

Browse category

Frequently asked questions

npx skillmds add modbender/tsx