qruiq-create-app

Scaffold a Next.js 15 app from the HeroUI template with Tailwind v4 and TypeScript.

Updated Apr 4, 2026
One-click install
npx skills add https://github.com/qruiqai/qruiq-skills --skill qruiq-create-app
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: qruiq-create-app
Source: https://github.com/qruiqai/qruiq-skills/tree/main/skills/qruiq-create-app
Command: npx skills add https://github.com/qruiqai/qruiq-skills --skill qruiq-create-app

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Scaffolds a production-ready Next.js app from the HeroUI template, eliminating repetitive setup and configuration work when starting a new project.

Core Features & Use Cases

  • Scaffold a Next.js 15 app using the HeroUI template with Tailwind v4, TypeScript, and dark mode.
  • Automatically update project metadata: package.json name, and config/site.ts, and clean up example routes to deliver a ready-to-run skeleton.
  • Initialize a Git repository and provide a clean starting point for version control.

Quick Start

Provide TARGET_DIR, PROJECT_NAME, SITE_NAME, and SITE_DESCRIPTION to scaffold a new Next.js app from the HeroUI template.

Frequently Asked Questions about qruiq-create-app

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

FAQPage Schema
How do I scaffold a Next.js app with HeroUI and Tailwind v4?▼

To scaffold a Next.js app with HeroUI and Tailwind v4, provide a target directory, project name, site name, and description. The tool generates a production-ready skeleton with TypeScript and dark mode enabled.

What is the best way to set up a new Next.js project skeleton with TypeScript?▼

Setting up a new Next.js project skeleton with TypeScript is best handled by scaffolding from a preconfigured template. This approach automatically initializes Git, applies Tailwind v4, and configures dark mode.

Does the HeroUI template include dark mode and Git initialization?▼

Yes, the HeroUI template includes dark mode and Git initialization. Scaffolding a project from this template creates a ready-to-run skeleton with a clean Git repository and dark mode configuration.

Can I automatically update package.json and config files when creating a Next.js project?▼

Yes, you can automatically update package.json and config/site.ts when creating a Next.js project. The scaffolding process applies your provided project name and site metadata to these files.

How do I clean up example routes in a newly scaffolded Next.js app?▼

To clean up example routes in a newly scaffolded Next.js app, the template automatically removes default boilerplate content during project generation. This delivers a clean starting point for development.

What do I need to provide to scaffold a Next.js app from a HeroUI template?▼

To scaffold a Next.js app from a HeroUI template, you need to provide a target directory, project name, site name, and site description. These inputs configure the initial project metadata.