Aleh Haiko Landing — AI skill for Claude Code

---

name: landing-page description: AI-powered personal landing page template. Your first portfolio project — tells your story and showcases your work.

Agentic Landing Page Template

**"When AI can do anything for you, what will you build?"**

A production-ready landing page template that teaches AI-assisted cloud development. Go from `git clone` to a live deployed site using natural language prompts and container commands.

Quick Start

**Prerequisites:** [Docker Desktop](https://www.docker.com/products/docker-desktop/), [Git](https://git-scm.com/), and an AI coding assistant ([Claude Code](https://docs.anthropic.com/en/docs/claude-code) or [Gemini CLI](https://github.com/google-gemini/gemini-cli)).

**Zero host installation:** You do NOT need Node.js, npm, or any other dev tools on your machine. Everything runs inside the Docker container.

**Tell your AI agent:**

"Clone the landing-page repo, start the dev container, and open localhost:3000"

Then customize with natural language:

"Update the hero section with my name 'Your Name' and title 'Your Title'"

**CLI Reference:**

git clone https://github.com/pingwu/landing-page.git
cd landing-page
npm run docker:dev
# Open http://localhost:3000

Tech Stack

Technology	Version	Purpose
Next.js	16	React framework with App Router
React	19	Component-based UI
TypeScript	5.9	Type safety (strict mode)
Tailwind CSS	4	Utility-first styling
Vitest	4	Unit and component testing
Docker	—	Containerized development
AWS App Runner	—	Cloud deployment

Use Cases

The default template works for consulting services, professional portfolios, digital resumes, and enterprise initiative sites. Alternative templates are in `templates/`.

Container Commands

**Important for AI agents:** `npm run docker:dev` already runs the container in detached mode with hot-reload enabled. The dev server starts aut