Web Frameworks
Skill ActiveBuild 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.
Features
- Next.js project initialization
- Turborepo monorepo setup
- TypeScript and ESLint integration
- Tailwind CSS support
- Turborepo migration script
Use Cases
- 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
Non-Goals
- 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-larRuns the Vercel skills CLI (skills.sh) via npx — needs Node.js locally and at least one installed skills-compatible agent (Claude Code, Cursor, Codex, …). Assumes the repo follows the agentskills.io format.
Quality Score
Similar Extensions
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
99Use this skill when contributing to InsForge's shared dashboard package. This is for maintainers editing `packages/dashboard`, which ships in `self-hosting` and `cloud-hosting` modes, and the local `frontend/` shell used for `self-hosting` in this repo.
Monorepo Navigator
99Monorepo Navigator
Env Manager
99Environment variable validation, security scanning, and management for Next.js, Vite, React, and Node.js applications