tsx

ClawSkills 作者 clawskills v0.1.0

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

安装 / 下载方式

TotalClaw CLI推荐

totalclaw install clawskills:clawskills~kleberbaum-tsx

cURL直接下载，无需登录

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

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