web-frameworks

Scaffold Next.js App Router projects with Turborepo and RemixIcon.

2|1|Updated Oct 11, 2025
One-click install
npx skills add https://github.com/rafaelcalleja/claude-market-place --skill web-frameworks-rafaelcalleja
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-frameworks
Source: https://github.com/rafaelcalleja/claude-market-place/tree/main/plugins/claudekit-skills/skills/web-frameworks
Command: npx skills add https://github.com/rafaelcalleja/claude-market-place --skill web-frameworks-rafaelcalleja

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires nextjs-cli, turborepo-cli, and includes scripts (resource) and references (resource) components.

What problem does it solve?

Developing with modern web frameworks like Next.js and Remix, especially in monorepos with Turborepo, involves complex configurations and best practices. This skill provides comprehensive support, simplifying development.

Core Features & Use Cases

  • Next.js Development: Guidance on App Router, data fetching, server components, and optimization.
  • Turborepo Integration: Tools for setting up, caching, and managing monorepo pipelines for efficient development.
  • Remix Integration: Support for Remix-specific features and integrations, extending framework capabilities.
  • Framework Migration: Tools to assist with migrating projects between frameworks or monorepo structures.
  • Use Case: Migrate an existing Next.js application into a Turborepo monorepo, ensuring proper caching, pipeline configuration, and optimized data fetching.

Quick Start

Use the web-frameworks skill to initialize a new Next.js project with the App Router.

Frequently Asked Questions about web-frameworks

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold a Next.js project with App Router and TypeScript?

Scaffold a Next.js project with the App Router by using this Skill to generate the app directory structure, tsconfig.json, next.config.js, and ESLint configuration automatically. It handles single apps and TypeScript setup end-to-end, creating production-ready file layouts and config files in one step.

Can I set up a Turborepo monorepo with Next.js and multiple packages?

Set up a Turborepo monorepo with Next.js by using this Skill to configure multi-package workflows, pipeline caching, and shared TypeScript projects. It generates proper monorepo structure, package.json wiring, and Turborepo settings across your workspace.

What's the best way to configure Tailwind and ESLint in a Next.js project?

Configure Tailwind and ESLint automatically when scaffolding a Next.js project with this Skill. It generates tailwind.config.js, ESLint configuration files, and proper integration with your Next.js app in a single workflow.

How do I integrate RemixIcon into a Next.js application?

Integrate RemixIcon into a Next.js application by using this Skill to wire RemixIcon usage directly during project scaffolding. It generates the necessary imports, type definitions, and configuration to use RemixIcon components immediately.

Can I use this Skill to migrate an existing Next.js app into a Turborepo monorepo?

Migrate an existing Next.js application into a Turborepo monorepo using this Skill to restructure your app, configure caching pipelines, optimize data fetching, and generate proper multi-package configuration across your workspace.

Does this support Remix framework projects or only Next.js?

This Skill supports Next.js with App Router and Turborepo monorepos as its primary focus. Remix integration is available for extending framework capabilities, though the core scaffolding and setup is optimized for Next.js workflows.