components-generators

Guide frontend teams in structuring React components and generators with @kubb/react-fabric.

1.8k|146|Updated Jan 8, 2023
One-click install
npx skills add https://github.com/kubb-labs/kubb --skill components-generators
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: components-generators
Source: https://github.com/kubb-labs/kubb/tree/main/.skills/components-generators
Command: npx skills add https://github.com/kubb-labs/kubb --skill components-generators

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps engineers organize and reuse UI building blocks for @kubb/react-fabric, increasing consistency and development speed in frontend projects.

Core Features & Use Cases

  • Provides a structured approach for placing and documenting components and generators (React-based and function-based) within a Kubb project.
  • Outlines common component patterns, naming conventions, and integration tactics with Kubb plugins.
  • Use cases include building reusable File and Function components that are exportable, indexable, and easy to compose in larger systems.

Quick Start

Show a compact example of File.Source and Function usage to illustrate how components and generators are composed.

Frequently Asked Questions about components-generators

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I structure reusable React components and generators in a Kubb project?

To structure reusable React components and generators in a Kubb project, apply standardized patterns and naming conventions for File and Function components. This ensures building blocks are exportable, indexable, and easy to compose within larger plugin-driven systems.

What are common component patterns for @kubb/react-fabric?

Common component patterns for @kubb/react-fabric involve creating reusable File and Function components. These patterns outline integration tactics with Kubb plugins to ensure UI building blocks remain consistent, exportable, and easy to compose across frontend projects.

How do I compose File.Source and Function components with @kubb/react-fabric?

To compose File.Source and Function components with @kubb/react-fabric, follow a compact example demonstrating their combined usage. This illustrates how React-based and function-based generators integrate to produce structured UI output effectively.

Does @kubb/react-fabric work with plugin-driven frontend projects?

Yes, @kubb/react-fabric works with plugin-driven frontend projects by providing integration tactics for Kubb plugins. It helps engineers organize UI building blocks, ensuring components remain consistent and development speed increases across the project.

What's the best way to organize UI building blocks for @kubb/react-fabric?

The best way to organize UI building blocks for @kubb/react-fabric is using a structured approach for placing and documenting React-based components. Applying consistent naming conventions ensures components are indexable and composable in larger systems.

Why use generators for React-based UI components in a Kubb project?

Use generators for React-based UI components in a Kubb project to increase consistency and development speed. Generators provide a structured approach to creating exportable File and Function components, solving UI building block reuse challenges.