kubb-labs / components-generators
Install for your project team
Run this command in your project directory to install the skill for your entire team:
mkdir -p .claude/skills/components-generators && curl -L -o skill.zip "https://fastmcp.me/Skills/Download/3046" && unzip -o skill.zip -d .claude/skills/components-generators && rm skill.zipProject Skills
This skill will be saved in .claude/skills/components-generators/ and checked into git. All team members will have access to it automatically.
Important: Please verify the skill by reviewing its instructions before using it.
Guidance for writing `@kubb/react-fabric` components and generators (React-based and function-based).
0 views
0 installs
Skill Content
---
name: components-generators
description: Guidance for writing `@kubb/react-fabric` components and generators (React-based and function-based).
---
# Components & Generators Skill
This skill helps agents answer questions about authoring components and generators using `@kubb/react-fabric`.
## When to Use
- When asked where to place components/generators
- When guiding authors to write React-based generators
## What It Does
- Lists common `react-fabric` components and where to place them
- Explains generator types and recommended patterns
- Provides a small conceptual example for authors
## Conceptual Example
```tsx
import { File, Function } from '@kubb/react-fabric'
export function Query({ name }: Props): FabricReactNode {
return (
<File.Source name={name} isExportable isIndexable>
<Function name={name} export>
// Generated code
</Function>
</File.Source>
)
}
```
## Tips for Agents
- Recommend small, composable components
- Encourage use of `usePluginDriver()`, `useOas()`, `useOperationManager()` in components
- Recommend deterministic output to avoid noisy diffs
## Related Skills
| Skill | Use For |
|------------------------------------------------------------|-----------------------------------------------|
| **[../plugin-architecture/SKILL.md](../plugin-architecture/SKILL.md)** | For lifecycle and plugin registration details |