Toolverse
All skills
Frontend

codebase-documenter

by mhattingpete

Generates comprehensive documentation explaining how a codebase works, including architecture, key components, data flow, and development guidelines. Use when user wants to understand unfamiliar code, create onboarding docs, document architecture, or explain how the system works.

Installation

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

Installation

Quick info

Author
mhattingpete
Category
Frontend
Views
10
GitHub repo

About this skill

Generates comprehensive documentation explaining how a codebase works, including architecture, key components, data flow, and development guidelines. Use when user wants to understand unfamiliar code, create onboarding docs, document architecture, or explain how the system works.

How to use

  1. Zainstaluj skill codebase-documenter w swoim środowisku Claude lub kompatybilnym narzędziu AI obsługującym skills.

  2. Przygotuj dostęp do swojej bazy kodu – upewnij się, że możesz udostępnić pliki, strukturę katalogów i repozytorium narzędziu.

  3. Uruchom skill z poleceniem opisującym, co chcesz udokumentować. Użyj jednej z sugerowanych fraz: "wyjaśnij tę bazę kodu", "dokumentuj architekturę", "jak działa ten kod", "utwórz dokumentację dla deweloperów" lub "wygeneruj przegląd bazy kodu".

  4. Skill automatycznie eksploruje Twoją bazę kodu, analizując strukturę projektu, komponenty, przepływy danych i integracje. Proces obejmuje mapowanie katalogów, identyfikację kluczowych modułów i zrozumienie zależności.

  5. Otrzymasz kompleksową dokumentację zawierającą przegląd projektu, diagramy architektury (w formacie Mermaid), opis struktury katalogów, dokumentację komponentów, instrukcje konfiguracji oraz wytyczne dla zespołu.

  6. Wykorzystaj wygenerowaną dokumentację do onboardingu nowych członków zespołu, dokumentacji decyzji architektonicznych lub jako punkt wyjścia do dalszych ulepszeń dokumentacji.

Related skills

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

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

angular

by sickn33

Modern Angular (v20+) expert with deep knowledge of Signals, Standalone Components, Zoneless applications, SSR/Hydration, and reactive patterns. Use PROACTIVELY for Angular development, component architecture, state management, performance optimization, and migration to modern

Frontend
2656

dev-browser

by SawyerHood

Browser automation with persistent page state. Use when users ask to navigate websites, fill forms, take screenshots, extract web data, test web apps, or automate browser workflows. Trigger phrases include \

Frontend
38151

brainstorming

by obra

Use when creating or developing, before writing code or implementation plans - refines rough ideas into fully-formed designs through collaborative questioning, alternative exploration, and incremental validation. Don't use during clear 'mechanical' processes

Frontend
49170

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