Toolverse
All skills
Frontend

components-generators

by kubb-labs

Guidance for writing `@kubb/react-fabric` components and generators (React-based and function-based).

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
kubb-labs
Category
Frontend
Views
6
GitHub repo

About this skill

Guidance for writing @kubb/react-fabric components and generators (React-based and function-based).

How to use

  1. Zainstaluj skill components-generators w swoim środowisku agenta AI — będzie dostępny jako kontekst przy pytaniach o architekturę komponentów Kubb.
  2. Kiedy pytasz agenta, gdzie umieścić nowy komponent lub generator, skill automatycznie dostarcza listę wspólnych komponentów react-fabric i ich lokalizacji.
  3. Jeśli chcesz napisać generator oparty na React, poproś agenta o rekomendacje — skill wskaże, które hooki (usePluginDriver(), useOas(), useOperationManager()) są przydatne w Twoim komponencie.
  4. Skill pokazuje przykład koncepcyjny struktury komponentu z File.Source i Function — użyj go jako szablonu dla własnych generatorów.
  5. Pamiętaj o rekomendacji skilla: pisz małe, komponowalne części i upewnij się, że wygenerowany kod jest deterministyczny, aby uniknąć zbędnych zmian w diffach.
  6. Jeśli potrzebujesz informacji o cyklu życia pluginu lub bardziej zaawansowanej architekturze, skill wskaże Cię na powiązany skill plugin-architecture.

Related skills

mermaid-gen

by vladm3105

Generate syntactically correct Mermaid diagrams for technical documentation

Frontend
23124

theme-factory

by anthropics

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

Frontend
40139

shadcn-ui

by josechifflet

shadcn/ui component patterns for Next.js 16 applications. This skill should be used when adding UI components, customizing component styles, composing primitives, or integrating forms with react-hook-form. Covers installation, customization, composition patterns, and

Frontend
157206

browser-automation

by browserbase

Automate web browser interactions using natural language via CLI commands. Use when the user asks to browse websites, navigate web pages, extract data from websites, take screenshots, fill forms, click buttons, or interact with web applications. Triggers include \

Frontend
21175

frontend-slides

by sickn33

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual

Frontend
65135

bubbletea

by hmans

Browse Bubbletea TUI framework documentation and examples. Use when working with Bubbletea components, models, commands, or building terminal user interfaces in Go.

Frontend
2158