Toolverse
All skills
Frontend

fumadocs-component-docs

by TheOrcDev

Create component documentation with installation, usage examples, and preview sections. Apply when documenting 8-bit components with proper structure and examples.

Installation

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

Installation

Quick info

Author
TheOrcDev
Category
Frontend
Views
17
GitHub repo

About this skill

Create component documentation with installation, usage examples, and preview sections. Apply when documenting 8-bit components with proper structure and examples.

How to use

  1. Załaduj umiejętność fumadocs-component-docs do Claude lub kompatybilnego agenta, aby uaktywnić generator dokumentacji komponentów.

  2. Przygotuj informacje o komponencie, który chcesz udokumentować: nazwę, opis funkcjonalności, dostępne warianty i właściwości (props).

  3. Poproś agenta o wygenerowanie dokumentacji dla Twojego komponentu — umiejętność automatycznie zastosuje strukturę ComponentPreview z przykładami kodu.

  4. Dla prostych komponentów (np. Button) umiejętność wygeneruje minimalny przykład; dla złożonych (np. Sheet z subkomponentami) utworzy pełną hierarchię z nagłówkami, opisami i wariantami.

  5. Przejrzyj wygenerowaną dokumentację — zawiera ona sekcje instalacji, przykłady użycia z kodem MDX i interaktywne podglądy gotowe do wstawienia na stronę dokumentacji.

  6. Dostosuj warianty komponentów i opisy w wygenerowanym kodzie MDX, jeśli potrzebujesz zmian — umiejętność zapewnia szablon, który łatwo się rozszerza.

Related skills

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

interactive-dashboard-builder

by anthropics

Build self-contained interactive HTML dashboards with Chart.js, dropdown filters, and professional styling. Use when creating dashboards, building interactive reports, or generating shareable HTML files with charts and filters that work without a server.

Frontend
2298

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

better-icons

by better-auth

Use when working with icons in any project. Provides CLI for searching 200+ icon libraries (Iconify) and retrieving SVGs. Commands: `better-icons search u003cqueryu003e` to find icons, `better-icons get u003cidu003e` to get SVG. Also available as MCP server for AI agents.

Frontend
2037

game-development

by davila7

Game development orchestrator. Routes to platform-specific skills based on project needs.

Frontend
36112

browser-use

by browser-use

Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, or extract information from web pages.

Frontend
23107