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.