Toolverse
All skills
Frontend

generate-component-story

by longbridge

Create story examples for components. Use when writing stories, creating examples, or demonstrating component usage.

Installation

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

Installation

Quick info

Author
longbridge
Category
Frontend
Views
38
GitHub repo

About this skill

Create story examples for components. Use when writing stories, creating examples, or demonstrating component usage.

How to use

  1. Zainstaluj skill w swoim projekcie Claude/Codex, wskazując repozytorium longbridge/gpui-component jako źródło.

  2. Przejrzyj istniejące przykłady historyjek w katalogu crates/story/src/stories (np. tabs_story.rs, group_box_story.rs), aby zrozumieć ustalone wzorce i konwencje nazewnictwa w Twoim projekcie.

  3. Wskaż komponent, dla którego chcesz wygenerować historyjkę, oraz wymień jego główne warianty, stany i opcje konfiguracji.

  4. Skill wygeneruje strukturę historyjki z sekcjami (section! calls) obejmującymi podstawowe przykłady użycia, różne warianty i stany komponentu.

  5. Uzupełnij wygenerowaną historyjkę o interaktywne przykłady, przypadki brzegowe i stany błędów, jeśli są istotne dla Twojego komponentu.

  6. Zintegruj wygenerowaną historyjkę z dokumentacją projektu, upewniając się, że ścieżka i nazewnictwo pliku są spójne z pozostałymi plikami w katalogu stories.

Related skills

react

by lobehub

React component development guide. Use when working with React components (.tsx files), creating UI, using @lobehub/ui components, implementing routing, or building frontend features. Triggers on React component creation, modification, layout implementation, or navigation tasks.

Frontend
2058

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

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

frontend-ui-ux

by code-yeongyu

Designer-turned-developer who crafts stunning UI/UX even without design mockups

Frontend
1884

apple-reminders

by openclaw

Manage Apple Reminders via the `remindctl` CLI on macOS (list, add, edit, complete, delete). Supports lists, date filters, and JSON/plain output.

Frontend
2085

web-research

by langchain-ai

Use this skill for requests related to web research; it provides a structured approach to conducting comprehensive web research

Frontend
18114