Web Frameworks
Skill AktivBuild with Next.js (App Router, RSC, SSR, ISR), Turborepo monorepos. Use for React apps, server rendering, build optimization, caching strategies, shared dependencies.
To help developers quickly set up new Next.js projects with a modern stack and best practices, and to facilitate migration of existing projects to Turborepo.
Funktionen
- Next.js project initialization
- Turborepo monorepo setup
- TypeScript and ESLint integration
- Tailwind CSS support
- Turborepo migration script
Anwendungsfälle
- Starting a new Next.js project with recommended configurations
- Setting up a Turborepo monorepo for multiple Next.js applications
- Migrating an existing project to use Turborepo for build optimization
Nicht-Ziele
- Managing project dependencies beyond initial setup
- Providing runtime application support or debugging
- Configuring CI/CD pipelines beyond basic examples
Execution
- info:Pinned dependenciesThe script references 'latest' versions for Next.js and other dependencies in package.json, which is not pinned and could lead to versioning issues.
- info:Pinned dependenciesThe script uses 'latest' for Next.js dependencies in package.json, which is not ideal for production stability.
- info:Pinned dependenciesDependencies like Next.js are set to 'latest' in package.json, which lacks pinning and could cause instability.
Maintenance
- warning:Dependency ManagementWhile dependencies like Next.js are specified, they are set to 'latest', lacking version pinning and potentially leading to breakage.
Code Execution
- info:Pinned dependenciesThe script uses 'latest' for Next.js dependencies in package.json, which is not pinned and could lead to versioning issues.
Installation
npx skills add binjuhor/shadcn-larFührt das Vercel skills CLI (skills.sh) via npx aus — benötigt Node.js lokal und mindestens einen installierten skills-kompatiblen Agent (Claude Code, Cursor, Codex, …). Setzt voraus, dass das Repo dem agentskills.io-Format folgt.
Qualitätspunktzahl
Ähnliche Erweiterungen
Setup Tailwind Typescript
100Configure Tailwind CSS with TypeScript in a Next.js or React project. Covers installation, configuration, custom theme extensions, component patterns, and type-safe styling utilities. Use when adding Tailwind CSS to an existing TypeScript project, customizing the Tailwind theme for a project's design system, setting up type-safe component styling patterns, or configuring Tailwind plugins and extensions.
Sentry React Router Framework Sdk
100Full Sentry SDK setup for React Router Framework mode. Use when asked to "add Sentry to React Router Framework", "install @sentry/react-router", or configure error monitoring, tracing, profiling, session replay, logs, or user feedback for a React Router v7 framework app.
Vue Router Best Practices
100Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.
Dashboard
99Nutzen Sie diese Fähigkeit, wenn Sie zum gemeinsamen Dashboard-Paket von InsForge beitragen. Dies gilt für Maintainer, die `packages/dashboard` bearbeiten, welches in den Modi `self-hosting` und `cloud-hosting` ausgeliefert wird, sowie für die lokale `frontend/`-Shell, die für `self-hosting` in diesem Repository verwendet wird.
Monorepo Navigator
99Monorepo Navigator
Env Manager
99Environment variable validation, security scanning, and management for Next.js, Vite, React, and Node.js applications