Toolverse
All skills
Frontend

app-router

by davepoon

This skill should be used when the user asks to \

Installation

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

Installation

Quick info

Author
davepoon
Category
Frontend
Views
2
GitHub repo

About this skill

This skill should be used when the user asks to \

How to use

  1. Aktywuj skill w swoim środowisku Claude, wskazując na repozytorium davepoon/buildwithclaude w katalogu plugins/nextjs-expert/skills/app-router. 2. Poproś skill o pomoc, używając fraz takich jak "utwórz trasę Next.js", "dodaj stronę", "skonfiguruj layout" lub "zaimplementuj stan ładowania". 3. Skill automatycznie zasugeruje odpowiednią strukturę katalogów i pliki specjalne (page.tsx, layout.tsx, loading.tsx, error.tsx) potrzebne dla Twojego przypadku użycia. 4. Dla tras dynamicznych użyj nawiasów kwadratowych w nazwach katalogów, np. [slug] dla segmentów zmiennych lub [...slug] dla catch-all. 5. Dla tras opcjonalnych zastosuj podwójne nawiasy [[...slug]], a dla grup tras bez wpływu na URL użyj (folder). 6. Skill dostarczy przykłady konwencji plików i wzorców organizacji, które możesz bezpośrednio zastosować w swoim projekcie app/.

Related skills

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

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

2d-games

by davila7

2D game development principles. Sprites, tilemaps, physics, camera.

Frontend
2674

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

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