Toolverse
All skills

nextjs15-init

by bear2u

Use when user wants to create a new Next.js 15 project (Todo/Blog/Dashboard/E-commerce/Custom domain) with App Router, ShadCN, Zustand, Tanstack Query, and modern Next.js stack

Installation

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

Installation

Quick info

Author
bear2u
Category
Frontend
Views
90

About this skill

Use when user wants to create a new Next.js 15 project (Todo/Blog/Dashboard/E-commerce/Custom domain) with App Router, ShadCN, Zustand, Tanstack Query, and modern Next.js stack

How to use

  1. Uruchom umiejętność w swoim Claude/Copilot agencie. System poprosi Cię o wybór domeny aplikacji — wybierz spośród Todo (zarządzanie zadaniami), Blog (system CMS), Dashboard (panel analityki), E-commerce (sklep) lub Custom (własna domena).

  2. Podaj nazwę folderu, w którym zostanie utworzony projekt (np. my-todo-app) oraz nazwę projektu. Jeśli nie wiesz, co wpisać, system zasugeruje wartości domyślne.

  3. Wybierz preset stosu technologicznego — Minimal (podstawowe zależności), Essential (rekomendowany), Full Stack (wszystkie narzędzia) lub Custom (własny wybór bibliotek).

  4. Czekaj, aż system automatycznie wykona kroki: utworzenie projektu Next.js 15 z App Router i TypeScript, instalację pakietów npm, wygenerowanie struktury folderów i plików dla wybranej domeny (komponenty, store'i, schematy walidacji, API routes).

  5. Po zakończeniu uruchom npm run lint aby zweryfikować jakość kodu, a następnie npm run dev aby uruchomić serwer deweloperski na localhost:3000.

  6. Otwórz przeglądarkę i zacznij pracę — aplikacja jest w pełni funkcjonalna z CRUD, filtrowaniem i integracją z Tanstack Query do zarządzania stanem serwera.

Related skills

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

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

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

apple-reminders

by openclaw

Manage Apple Reminders via the `remindctl` CLI on macOS (list, add, edit, complete, delete). Supports lists, date filters, and JSON/plain output.

Frontend
2085

shadcn-ui

by josechifflet

shadcn/ui component patterns for Next.js 16 applications. This skill should be used when adding UI components, customizing component styles, composing primitives, or integrating forms with react-hook-form. Covers installation, customization, composition patterns, and

Frontend
157206

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