Toolverse
All skills

doc-views

by dlants

Comprehensive guide for the view system in magenta.nvim, including template literal syntax, component composition, interactive bindings, and TUI-specific rendering patterns

Installation

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

Installation

Quick info

Author
dlants
Category
Frontend
Views
5

About this skill

Comprehensive guide for the view system in magenta.nvim, including template literal syntax, component composition, interactive bindings, and TUI-specific rendering patterns

How to use

  1. Zainstaluj skill doc-views z repozytorium dlants/magenta.nvim, umieszczając go w katalogu .magenta/skills projektu magenta.nvim. 2. Zapoznaj się z podstawową składnią szablonów — używaj tagu d do deklarowania zawartości: dTekst ${zmienna} renderuje tekst z interpolacją wartości. 3. Utwórz funkcję widoku, która przyjmuje stan i zwraca szablon d. Na przykład funkcja headerView(title) zwraca d\n${title}\n — każda funkcja opisuje, co ma być wyświetlone, nie jak to zmienić. 4. Komponuj widoki zagnieżdżając funkcje: d${headerView(title)}\n${bodyView(content)} łączy mniejsze widoki w większy interfejs. 5. Dodaj interaktywne powiązania klawiszy do regionów tekstu — system pozwala przypisać akcje do konkretnych obszarów renderowanego tekstu, które wyzwalają wiadomości zmieniające stan. 6. Uruchom widok w kontrolerze magenta.nvim — gdy stan się zmieni, widok automatycznie się przerysuje, bez konieczności ręcznego zarządzania buforem Neovima.

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

google-official-seo-guide

by littleben

Official Google SEO guide covering search optimization, best practices, Search Console, crawling, indexing, and improving website search visibility based on official Google documentation

Frontend
101196

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

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

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

livewire-development

by spatie

Develops reactive Livewire 4 components. Activates when creating, updating, or modifying Livewire components; working with wire:model, wire:click, wire:loading, or any wire: directives; adding real-time updates, loading states, or reactivity; debugging component behavior;

Frontend
2335