tsx
TSX namespace for Netsnek e.U. TypeScript component toolkit. React component scaffolding, type-safe props, Storybook integration, and component docs.
Install via CLI (Recommended)
clawhub install openclaw/skills/skills/kleberbaum/tsxWhat 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
- Scaffold a new component with
scripts/component-gen.sh --scaffold <Name> - Define props in the generated types file
- Run Storybook to visualize variants with
scripts/component-gen.sh --info - 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
Metadata
Not sure this is the right skill?
Describe what you want to build — we'll match you to the best skill from 16,000+ options.
Find the right skillPaste this into your clawhub.json to enable this plugin.
{
"plugins": {
"official-kleberbaum-tsx": {
"enabled": true,
"auto_update": true
}
}
}Related Skills
pharmaziegasse
Pharmaziegasse namespace for Netsnek e.U. pharmacy management platform. Prescription tracking, inventory, compliance, and staff coordination.
Snek
Skill by kleberbaum
Ton
Skill by kleberbaum
baeckerherz
Baeckerherz namespace for Netsnek e.U. bakery management platform. Provides brand identity and feature overview for the Baeckerherz product line.
ts3
TS3 namespace for Netsnek e.U. TypeScript server-side framework. HTTP server scaffolding, middleware composition, request validation, and structured logging.