tsx

TotalClaw 作者 totalclaw v0.1.0

Netsnek e.U. 的 TSX 命名空间TypeScript 组件工具包。 React 组件脚手架、类型安全的 props、Storybook 集成和组件文档。

安装 / 下载方式

TotalClaw CLI推荐

totalclaw install totalclaw:totalclaw~kleberbaum-tsx

cURL直接下载，无需登录

curl -fsSL https://skills.taituai.com/api/skills/totalclaw%3Atotalclaw~kleberbaum-tsx/file -o kleberbaum-tsx.md

## 概述（中文）

Netsnek e.U. 的 TSX 命名空间TypeScript 组件工具包。 React 组件脚手架、类型安全的 props、Storybook 集成和组件文档。

## 原文

# 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

```bash
# 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
```