Toolverse
All skills

next-config-gen

by openclaw

Generate Next.js config with best practices. Use when configuring Next.js.

Installation

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

Installation

Quick info

Author
openclaw
Category
Frontend
Views
6

About this skill

Generate Next.js config with best practices. Use when configuring Next.js.

How to use

  1. Upewnij się, że masz Node.js 18 lub nowszy oraz zmienną środowiskową OPENAI_API_KEY ustawioną w systemie (zawiera klucz API OpenAI potrzebny do generowania konfiguracji).

  2. Przejdź do katalogu głównego swojego projektu Next.js, gdzie znajduje się plik package.json.

  3. Uruchom komendę npx ai-next-config w terminalu — narzędzie przeskanuje strukturę projektu i plik package.json, aby zrozumieć, które funkcje używasz.

  4. Czekaj na wygenerowanie pliku next.config.mjs z optymalnymi ustawieniami dla Twojego projektu, w tym domenami obrazów, nagłówkami bezpieczeństwa i przepisywaniem ścieżek.

  5. Jeśli chcesz wygenerować plik w formacie CommonJS zamiast ES modules, użyj flagi -o next.config.js w komendzie: npx ai-next-config -o next.config.js.

  6. Przejrzyj wygenerowaną konfigurację, upewnij się, że zawiera wszystkie potrzebne ustawienia dla Twojego projektu, a następnie zacommituj plik do repozytorium.

Related skills

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

brainstorming

by obra

Use when creating or developing, before writing code or implementation plans - refines rough ideas into fully-formed designs through collaborative questioning, alternative exploration, and incremental validation. Don't use during clear 'mechanical' processes

Frontend
49170

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

senior-fullstack

by davila7

Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns, and complete tech stack guidance. Use when building new projects,

Frontend
2896

2d-games

by davila7

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

Frontend
2674

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