Toolverse
All skills

wiki-vitepress

by microsoft

Packages generated wiki Markdown into a VitePress static site with dark theme, dark-mode Mermaid diagrams with click-to-zoom, and production build output. Use when the user wants to create a browsable website from generated wiki pages.

Installation

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

Installation

Quick info

Author
microsoft
Category
Frontend

About this skill

Packages generated wiki Markdown into a VitePress static site with dark theme, dark-mode Mermaid diagrams with click-to-zoom, and production build output. Use when the user wants to create a browsable website from generated wiki pages.

How to use

  1. Aktywuj skill wiki-vitepress, gdy masz już wygenerowane pliki markdown wiki i chcesz je opakować w stronę. Skill uruchamia się automatycznie po poleceniu /deep-wiki:build lub gdy poprosisz o "zbudowanie strony" lub "spakowanie jako VitePress".

  2. Skill generuje strukturę katalogową wiki-site/ zawierającą folder .vitepress/ z konfiguracją, folder public/ na zasoby statyczne, wszystkie wygenerowane pliki markdown oraz plik package.json do zarządzania zależnościami.

  3. Konfiguracja automatycznie ustawia ciemny motyw (appearance: 'dark') i integruje plugin vitepress-plugin-mermaid z predefiniowanymi zmiennymi kolorów dla diagramów Mermaid w ciemności.

  4. Diagramy Mermaid są stylizowane trzywarstwowo: zmienne tematu w konfiguracji, nadpisania CSS w custom.css oraz bezpośrednie atrybuty SVG — to zapewnia prawidłowe wyświetlanie w ciemnym motywie z możliwością kliknięcia do powiększenia.

  5. Nawigacja i pasek boczny są generowane automatycznie na podstawie struktury katalogowej wiki, więc nie musisz ręcznie konfigurować menu.

  6. Po wygenerowaniu struktury możesz zainstalować zależności (npm install) i uruchomić build produkcyjny, aby uzyskać gotową do wdrożenia stronę HTML.

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

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

markitdown

by K-Dense-AI

Convert various file formats (PDF, Office documents, images, audio, web content, structured data) to Markdown optimized for LLM processing. Use when converting documents to markdown, extracting text from PDFs/Office files, transcribing audio, performing OCR on images, extracting

Frontend
75173

domain-name-brainstormer

by ComposioHQ

Generates creative domain name ideas for your project and checks availability across multiple TLDs (.com, .io, .dev, .ai, etc.). Saves hours of brainstorming and manual checking.

Frontend
21116

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

screenshot-to-code

by OneWave-AI

Convert UI screenshots into working HTML/CSS/React/Vue code. Detects design patterns, components, and generates responsive layouts. Use this when users provide screenshots of websites, apps, or UI designs and want code implementation.

Frontend
94209