Toolverse
All skills
Frontend

code-card-news-generator

by bear2u

Generate code explanation cards with syntax highlighting for tutorials and education. Creates title cards and explanation cards with Korean descriptions and code examples.

Installation

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

Installation

Quick info

Author
bear2u
Category
Frontend
GitHub repo

About this skill

Generate code explanation cards with syntax highlighting for tutorials and education. Creates title cards and explanation cards with Korean descriptions and code examples.

How to use

  1. Przygotuj temat i listę funkcji/koncepcji, które chcesz wyjaśnić. Na przykład: temat "React Router Hooks" z funkcjami "useNavigate, useParams, useLocation".

  2. Poproś skill o wygenerowanie kart, podając dokładnie temat i nazwy elementów do wyjaśnienia. Skill zapyta Cię o szczegóły, jeśli będą potrzebne.

  3. Dla każdej funkcji lub koncepcji skill automatycznie przygotuje opis (w języku polskim lub angielskim), pracujący przykład kodu oraz wyjaśnienie, co kod robi.

  4. Uruchom polecenie generujące karty, podając temat, katalog wyjściowy i nazwę pliku bazowego. Skill użyje wbudowanego skryptu do utworzenia gotowych kart z podświetlaniem składni.

  5. Otrzymasz zestaw kart w formacie wizualnym, gotowych do użycia w tutorialach, materiałach edukacyjnych lub dokumentacji.

  6. Możesz dostosować wygenerowane karty, edytując opisy lub przykłady kodu przed ostatecznym użyciem.

Related skills

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

bubbletea

by hmans

Browse Bubbletea TUI framework documentation and examples. Use when working with Bubbletea components, models, commands, or building terminal user interfaces in Go.

Frontend
2158

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

frontend-ui-ux

by code-yeongyu

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

Frontend
1884

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

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