Toolverse
All skills

wiki-page-writer

by microsoft

Generates rich technical documentation pages with dark-mode Mermaid diagrams, source code citations, and first-principles depth. Use when writing documentation, generating wiki pages, creating technical deep-dives, or documenting specific components or systems.

Installation

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

Installation

Quick info

Author
microsoft
Category
Frontend
Views
26

About this skill

Generates rich technical documentation pages with dark-mode Mermaid diagrams, source code citations, and first-principles depth. Use when writing documentation, generating wiki pages, creating technical deep-dives, or documenting specific components or systems.

How to use

  1. Przygotuj kontekst repozytorium — uruchom git remote get-url origin, aby sprawdzić, czy masz zdalne repozytorium (GitHub, Azure DevOps). Jeśli tak, podaj URL; jeśli pracujesz lokalnie, powiedz o tym umiejętności.

  2. Określ gałąź domyślną — uruchom git rev-parse --abbrev-ref HEAD, aby umiejętność mogła generować prawidłowe linki do kodu.

  3. Zdefiniuj zakres dokumentacji — powiedz umiejętności, jaki komponent, system lub funkcję chcesz udokumentować. Określ, czy potrzebujesz diagramów, analizy przepływu danych, czy wyjaśnień algorytmów.

  4. Umiejętność przeanalizuje pliki źródłowe — czyta rzeczywisty kod, identyfikuje wzorce i zależności, nie zgaduje na podstawie nazw plików.

  5. Otrzymasz stronę dokumentacji w Markdown — zawiera strukturyzowane wyjaśnienia, diagramy Mermaid, cytowania kodu z linkami do repozytorium (lub ścieżkami lokalnymi) oraz uzasadnienia projektowe (dlaczego coś istnieje, a nie tylko co robi).

  6. Przejrzyj i dostosuj — jeśli brakuje szczegółów lub chcesz pogłębić konkretny obszar, poproś umiejętność o rozszerzenie sekcji z dodatkowymi dowodami z kodu.

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

shadcn-ui-setup

by maneeshanif

Install and configure Shadcn/ui component library with Radix UI primitives, Aceternity UI effects, set up components, and manage the component registry. Use when adding Shadcn/ui to a Next.js project or installing specific UI components for Phase 2.

Frontend
23167

tailwind-design-system

by wshobson

Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

Frontend
2676

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

landing-page-guide-v2

by bear2u

Create distinctive, high-converting landing pages that combine proven conversion elements with exceptional design quality. Build beautiful, memorable landing pages using Next.js 14+ and ShadCN UI that avoid generic AI aesthetics while following the 11 essential elements

Frontend
3486

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