Communitygithub.com

andubhavg-icpl/vibe

Andamio de proyecto - genera código boilerplate para tipos de proyecto comunes con valores predeterminados de mejores prácticas. Úsalo para: scaffold, boilerplate, template, new project, init, create project, starter, setup, project structure, directory structure, monorepo, microservice, API template, web app template, CLI tool template, library template.

¿Qué es vibe?

Esta habilidad, 'vibe', actúa como un asistente de andamiaje de proyectos. Proporciona plantillas y estructuras de directorios predefinidas para una amplia gama de tipos de proyectos, incluyendo API REST, aplicaciones web, herramientas CLI, bibliotecas y monorepositorios. Es útil porque elimina la configuración inicial tediosa, ofreciendo estructuras de carpetas, configuraciones y dependencias recomendadas específicas para el stack tecnológico elegido. La habilidad está diseñada para funcionar con asistentes de IA que pueden ejecutar comandos de terminal, como Claude Code o Cursor, y se basa en un árbol de decisiones interactivo y una matriz de selección de stack para guiar al usuario hacia la mejor configuración posible. El markdown de la habilidad incluye comandos de andamiaje rápidos, estructuras de proyecto detalladas (ej. FastAPI, Next.js, Cobra) y una lista de verificación de adiciones comunes, todo ello para agilizar el inicio del desarrollo.

Compatible con✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/anubhavg-icpl/vibe/tree/HEAD/skills/cmods-scaffold

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Andamio

Plantillas de andamiaje de proyecto y generación de boilerplate para tipos de proyecto comunes con valores predeterminados de mejores prácticas.

Árbol de Decisión de Tipo de Proyecto

¿Qué estás creando?
│
├─ API / Servicio Backend
│  ├─ API REST
│  │  ├─ Python → FastAPI (async, documentación OpenAPI automática)
│  │  ├─ Node.js → Express o Fastify (Fastify para rendimiento)
│  │  ├─ Go → Gin (ergonómico) o Echo (rico en middleware)
│  │  └─ Rust → Axum (ecosistema tower, async-first)
│  ├─ API GraphQL
│  │  ├─ Python → Strawberry + FastAPI
│  │  ├─ Node.js → Apollo Server o Pothos + Yoga
│  │  ├─ Go → gqlgen (code-first)
│  │  └─ Rust → async-graphql + Axum
│  └─ Servicio gRPC
│     ├─ Python → grpcio + protobuf
│     ├─ Go → google.golang.org/grpc
│     └─ Rust → tonic
│
├─ Aplicación Web
│  ├─ Full-stack con SSR
│  │  ├─ Ecosistema React → Next.js 14+ (App Router)
│  │  ├─ Ecosistema Vue → Nuxt 3
│  │  ├─ Ecosistema Svelte → SvelteKit
│  │  └─ Contenido intensivo / multi-framework → Astro
│  ├─ SPA (solo cliente)
│  │  ├─ React → Vite + React + React Router
│  │  ├─ Vue → Vite + Vue + Vue Router
│  │  └─ Svelte → Vite + Svelte + svelte-routing
│  └─ Sitio Estático
│     ├─ Blog / documentación → Astro o VitePress
│     └─ Marketing / landing → Astro o Next.js (exportación estática)
│
├─ Herramienta CLI
│  ├─ Python → Typer (simple) o Click (complejo)
│  ├─ Node.js → Commander + Inquirer
│  ├─ Go → Cobra + Viper
│  └─ Rust → Clap (API derive)
│
├─ Biblioteca / Paquete
│  ├─ Paquete npm → TypeScript + tsup + Vitest
│  ├─ Paquete PyPI → uv + pyproject.toml + pytest
│  ├─ Módulo Go → go mod init + go test
│  └─ Caja Rust → cargo init --lib + cargo test
│
└─ Monorepositorio
   ├─ JavaScript/TypeScript → Turborepo + pnpm workspaces
   ├─ JS Full-stack → Nx
   ├─ Go → Espacios de trabajo Go (go.work)
   ├─ Rust → Espacios de trabajo Cargo
   └─ Python → Espacios de trabajo uv o hatch

Matriz de Selección de Stack

Tipo de ProyectoLenguajeFrameworkBase de DatosORM/QueryDestino de Despliegue
API RESTPythonFastAPIPostgreSQLSQLAlchemy + AlembicDocker / AWS ECS
API RESTNode.jsFastifyPostgreSQLPrisma o DrizzleDocker / Vercel
API RESTGoGinPostgreSQLsqlx (raw) o GORMDocker / Fly.io
API RESTRustAxumPostgreSQLsqlxDocker / Fly.io
Aplicación WebTypeScriptNext.js 14+PostgreSQLPrisma o DrizzleVercel / Docker
Aplicación WebTypeScriptNuxt 3PostgreSQLPrismaVercel / Netlify
Aplicación WebTypeScriptAstroSQLite / ningunoDrizzleCloudflare / Netlify
Herramienta CLIPythonTyperSQLitesqlite3 stdlibPyPI
Herramienta CLIGoCobraSQLite / BoltDBsqlxLanzamientos de GitHub
Herramienta CLIRustClapSQLiterusqlitecrates.io
BibliotecaTypeScripttsupn/an/anpm
BibliotecaPythonhatch/uvn/an/aPyPI

Comandos Rápidos de Andamiaje

Python (API)

# FastAPI con uv
mkdir my-api && cd my-api
uv init --python 3.12
uv add fastapi uvicorn sqlalchemy alembic psycopg2-binary pydantic-settings
uv add --dev pytest pytest-asyncio httpx ruff mypy

Node.js (Aplicación Web)

# Next.js 14+
npx create-next-app@latest my-app --typescript --tailwind --eslint --app --src-dir --import-alias "@/*"

# Vite + React
npm create vite@latest my-app -- --template react-ts

Go (API)

mkdir my-api && cd my-api
go mod init github.com/user/my-api
go get github.com/gin-gonic/gin
go get github.com/jmoiron/sqlx
go get github.com/lib/pq

Rust (CLI)

cargo init my-cli
cd my-cli
cargo add clap --features derive
cargo add serde --features derive
cargo add anyhow tokio --features tokio/full

Monorepositorio (Turborepo)

npx create-turbo@latest my-monorepo
# O manual:
mkdir my-monorepo && cd my-monorepo
npm init -y
npm install turbo --save-dev
mkdir -p apps/web apps/api packages/shared

Plantilla de Proyecto API

Estructura de Directorios (Ejemplo FastAPI)

my-api/
├── src/
│   └── my_api/
│       ├── __init__.py
│       ├── main.py              # Aplicación FastAPI, lifespan, middleware
│       ├── config.py            # Configuración pydantic-settings
│       ├── database.py          # Motor SQLAlchemy, sesión
│       ├── dependencies.py      # Dependencias compartidas de FastAPI
│       ├── routers/
│       │   ├── __init__.py
│       │   ├── health.py        # Endpoint de verificación de salud
│       │   └── users.py         # Endpoints CRUD de usuarios
│       ├── models/
│       │   ├── __init__.py
│       │   └── user.py          # Modelos SQLAlchemy
│       ├── schemas/
│       │   ├── __init__.py
│       │   └── user.py          # Esquemas Pydantic de solicitud/respuesta
│       └── services/
│           ├── __init__.py
│           └── user.py          # Lógica de negocio
├── alembic/
│   ├── alembic.ini
│   ├── env.py
│   └── versions/
├── tests/
│   ├── conftest.py              # Fixtures: base de datos de prueba, cliente, fábricas
│   ├── test_health.py
│   └── test_users.py
├── pyproject.toml
├── Dockerfile
├── docker-compose.yml
├── .env.example
├── .gitignore
└── .dockerignore

Estructura de Directorios (Ejemplo Express/Fastify)

my-api/
├── src/
│   ├── index.ts                 # Punto de entrada, inicio del servidor
│   ├── app.ts                   # Configuración de la aplicación Express/Fastify
│   ├── config.ts                # Configuración de entorno con validación zod
│   ├── database.ts              # Cliente Prisma o configuración Drizzle
│   ├── middleware/
│   │   ├── auth.ts
│   │   ├── error-handler.ts
│   │   └── request-logger.ts
│   ├── routes/
│   │   ├── health.ts
│   │   └── users.ts
│   ├── services/
│   │   └── user.service.ts
│   └── types/
│       └── index.ts
├── prisma/
│   └── schema.prisma
├── tests/
│   ├── setup.ts
│   └── routes/
│       └── users.test.ts
├── package.json
├── tsconfig.json
├── Dockerfile
├── docker-compose.yml
├── .env.example
└── .gitignore

Plantilla de Proyecto de Aplicación Web

Estructura de Directorios (Next.js App Router)

my-app/
├── src/
│   ├── app/
│   │   ├── layout.tsx           # Layout raíz
│   │   ├── page.tsx             # Página de inicio
│   │   ├── loading.tsx          # UI de carga global
│   │   ├── error.tsx            # Límite de error global
│   │   ├── not-found.tsx        # Página 404
│   │   ├── globals.css          # Estilos globales + Tailwind
│   │   ├── (auth)/
│   │   │   ├── login/page.tsx
│   │   │   └── register/page.tsx
│   │   ├── dashboard/
│   │   │   ├── layout.tsx
│   │   │   └── page.tsx
│   │   └── api/
│   │       └── health/route.ts
│   ├── components/
│   │   ├── ui/                  # Primitivas reutilizables
│   │   └── features/            # Componentes específicos de funcionalidades
│   ├── lib/
│   │   ├── db.ts                # Cliente de base de datos
│   │   ├── auth.ts              # Ayudantes de autenticación
│   │   └── utils.ts             # Utilidades compartidas
│   └── types/
│       └── index.ts
├── public/
│   └── favicon.ico
├── tests/
│   ├── setup.ts
│   └── components/
├── next.config.ts
├── tailwind.config.ts
├── tsconfig.json
├── package.json
├── .env.local.example
└── .gitignore

Plantilla de Proyecto de Herramienta CLI

Estructura de Directorios (Python / Typer)

my-cli/
├── src/
│   └── my_cli/
│       ├── __init__.py
│       ├── __main__.py          # punto de entrada python -m my_cli
│       ├── cli.py               # Aplicación Typer, grupos de comandos
│       ├── commands/
│       │   ├── __init__.py
│       │   ├── init.py          # my-cli init
│       │   └── run.py           # my-cli run
│       ├── config.py            # Carga de archivo de configuración (TOML/YAML)
│       └── utils.py
├── tests/
│   ├── conftest.py
│   └── test_commands.py
├── pyproject.toml               # punto de entrada [project.scripts]
├── .gitignore
└── README.md

Estructura de Directorios (Go / Cobra)

my-cli/
├── cmd/
│   ├── root.go                  # Comando raíz, banderas globales
│   ├── init.go                  # my-cli init
│   └── run.go                   # my-cli run
├── internal/
│   ├── config/
│   │   └── config.go            # Carga de configuración Viper
│   └── runner/
│       └── runner.go            # Lógica central
├── main.go                      # Punto de entrada, llama a cmd.Execute()
├── go.mod
├── go.sum
├── Makefile
└── .gitignore

Plantilla de Proyecto de Biblioteca

Estructura de Directorios (Paquete npm)

my-lib/
├── src/
│   ├── index.ts                 # Exportaciones de la API pública
│   ├── core.ts                  # Implementación central
│   └── types.ts                 # Definiciones de tipos públicos
├── tests/
│   └── core.test.ts
├── package.json                 # "type": "module", mapa de exportaciones
├── tsconfig.json                # declaration: true, declarationMap: true
├── tsup.config.ts               # Configuración de compilación: cjs + esm
├── vitest.config.ts
├── .npmignore
├── .gitignore
├── CHANGELOG.md
└── LICENSE

Estructura de Directorios (Paquete PyPI)

my-lib/
├── src/
│   └── my_lib/
│       ├── __init__.py          # API pública, __version__
│       ├── core.py
│       └── py.typed             # Marcador PEP 561
├── tests/
│   ├── conftest.py
│   └── test_core.py
├── pyproject.toml               # Sistema de compilación, metadatos, configuración de herramientas
├── .gitignore
├── CHANGELOG.md
└── LICENSE

Plantilla de Monorepositorio

Turborepo + pnpm Workspaces

my-monorepo/
├── apps/
│   ├── web/                     # Frontend Next.js
│   │   ├── src/
│   │   ├── package.json         # depende de @repo/shared
│   │   └── tsconfig.json        # extiende ../../tsconfig.base.json
│   └── api/                     # Backend Fastify
│       ├── src/
│       ├── package.json
│       └── tsconfig.json
├── packages/
│   ├── shared/                  # Tipos, utilidades, validadores compartidos
│   │   ├── src/
│   │   ├── package.json         # "name": "@repo/shared"
│   │   └── tsconfig.json
│   ├── ui/                      # Componentes React compartidos
│   │   ├── src/
│   │   └── package.json         # "name": "@repo/ui"
│   └── config/                  # Configuraciones compartidas
│       ├── eslint/
│       ├── typescript/
│       └── package.json
├── turbo.json                   # Pipeline: build, test, lint
├── pnpm-workspace.yaml          # packages: ["apps/*", "packages/*"]
├── package.json                 # DevDeps raíz: turbo
├── tsconfig.base.json           # Configuración TypeScript compartida
├── .gitignore
└── .npmrc

Espacios de Trabajo Cargo (Rust)

my-workspace/
├── crates/
│   ├── my-core/                 # Biblioteca central
│   │   ├── src/lib.rs
│   │   └── Cargo.toml
│   ├── my-cli/                  # Binario CLI
│   │   ├── src/main.rs
│   │   └── Cargo.toml           # depende de my-core
│   └── my-server/               # Binario API
│       ├── src/main.rs
│       └── Cargo.toml
├── Cargo.toml                   # [workspace] members = ["crates/*"]
├── Cargo.lock
├── .gitignore
└── rust-toolchain.toml

Lista de Verificación de Adiciones Comunes

¿Configuración del proyecto completa? Añade estas:
│
├─ Control de Versiones
│  ├─ [ ] .gitignore (específico del lenguaje)
│  ├─ [ ] .gitattributes (finales de línea, archivos binarios)
│  └─ [ ] Reglas de protección de ramas
│
├─ CI/CD
│  ├─ [ ] Flujo de trabajo de GitHub Actions (probar en PR, desplegar en merge)
│  ├─ [ ] Pruebas matriciales (OS, versiones de runtime)
│  └─ [ ] Automatización de lanzamientos
│
├─ Docker
│  ├─ [ ] Dockerfile de múltiples etapas
│  ├─ [ ] docker-compose.yml (aplicación + base de datos + caché)
│  ├─ [ ] .dockerignore
│  └─ [ ] Endpoint de verificación de salud
│
├─ Calidad de Código
│  ├─ [ ] Linter (ESLint, Ruff, golangci-lint, Clippy)
│  ├─ [ ] Formateador (Prettier, Black/Ruff, gofmt, rustfmt)
│  ├─ [ ] Hooks de pre-commit (Husky, pre-commit)
│  └─ [ ] Verificación de tipos (TypeScript strict, mypy, go vet)
│
├─ Pruebas
│  ├─ [ ] Marco de pruebas configurado (Vitest, pytest, go test)
│  ├─ [ ] Informes de cobertura
│  ├─ [ ] Configuración de base de datos de prueba
│  └─ [ ] Pipeline de pruebas CI
│
├─ Editor
│  ├─ [ ] .editorconfig
│  ├─ [ ] .vscode/settings.json
│  └─ [ ] .vscode/extensions.json
│
└─ Documentación
   ├─ [ ] README.md (descripción del proyecto, configuración, uso)
   ├─ [ ] CONTRIBUTING.md
   └─ [ ] Documentación de la API (OpenAPI, godoc, rustdoc)

Plantillas de Archivos de Configuración

.editorconfig (Universal)

root = true

[*]
indent_style = space
indent_size = 2
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true

[*.{py,rs}]
indent_size = 4

[*.go]
indent_style = tab

[*.md]
trim_trailing_whitespace = false

[Makefile]
indent_style = tab

pyproject.toml (Python)

[project]
name = "my-project"
version = "0.1.0"
requires-python = ">=3.12"

[tool.ruff]
target-version = "py312"
line-length = 88

[tool.ruff.lint]
select = ["E", "F", "I", "UP", "B", "SIM"]

[tool.pytest.ini_options]
testpaths = ["tests"]
asyncio_mode = "auto"

[tool.mypy]
strict = true

tsconfig.json (TypeScript - Estricto)

{
  "compilerOptions": {
    "target": "ES2022",
    "module": "NodeNext",
    "moduleResolution": "NodeNext",
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true,
    "resolveJsonModule": true,
    "declaration": true,
    "declarationMap": true,
    "sourceMap": true,
    "outDir": "./dist",
    "rootDir": "./src"
  },
  "include": ["src"],
  "exclude": ["node_modules", "dist"]
}

Errores Comunes

ErrorPor qué OcurrePrevención
.gitignore incorrecto para el lenguajeSe usó una plantilla genérica, faltan entradas específicas del lenguajeUsa gitignore.io o las plantillas de GitHub para tu stack
Se olvidó .env.exampleLos miembros del equipo no saben qué vars de entorno se necesitanCrea .env.example con cada var (valores vacíos) al inicio del proyecto
No se confirmó el archivo de bloqueoVersiones de dependencias inconsistentes entre entornosConfirma package-lock.json, uv.lock, go.sum, Cargo.lock
Puerto/host codificado en el códigoFunciona localmente, se rompe en Docker/cloudSiempre lee desde var de entorno con un valor predeterminado sensato
Pruebas acopladas a la base de datos realLas pruebas fallan sin una DB en ejecución, la configuración de CI es complejaUsa contenedores de prueba o SQLite en memoria para pruebas unitarias
Falta el endpoint de verificación de saludEl orquestador de despliegue no puede verificar la disponibilidadAñade el endpoint /health que

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

anubhavg-icpl/vibe

|. Use when you need help with 8 bit orbit video template. Hyperframes-based video template for retro pixel deck motion design. Use when users want a high-fidelity, multi-scene HTML-to-video composition with advanced transitions, interactive preview controls, and ready-to-render default style.

anubhavg-icpl/vibe

Reference DESIGN.md for luxury automotive editorial that needs to feel engineered. White slabs, full-bleed performance photography, BMW corporate blue rising into a deeper blue at active states, restrained Helvetica-grade typography. Use when building UI components, applying design tokens, or implementing visual styles for cinematic bmw.

anubhavg-icpl/vibe

Reference DESIGN.md for enterprise-AI brands that need to feel premium, dark, and quietly futuristic. Ink canvas, Unica grotesque type, saturated coral-to-violet brand gradient deployed as backdrop and accent rule, full-pill buttons, gen. Use when building UI components, applying design tokens, or implementing visual styles for cinematic cohere.

anubhavg-icpl/vibe

Reference DESIGN.md for performance brands that need to feel theatrical. High-contrast black-and-white frames cut by Rosso Corsa red, sharp 0-radius components, FerrariSans across the entire page, photography that treats the car as sculp. Use when building UI components, applying design tokens, or implementing visual styles for cinematic ferrari.

anubhavg-icpl/vibe

Reference DESIGN.md for hyper-luxury that needs to feel forged. True-black canvas, oversized LamboType nameplates at 120px+, hexagonal angle motifs, single warm-gold accent for primary actions, photography lit like a vault. Use when building UI components, applying design tokens, or implementing visual styles for cinematic lamborghini.

anubhavg-icpl/vibe

Reference DESIGN.md for AI-lab cinematic: pure black canvas, neon-lime accent on charcoal chrome, geometric DM Sans / Outfit type, pill-shaped CTAs. Use when building UI components, applying design tokens, or implementing visual styles for cinematic minimax.

anubhavg-icpl/vibe

Reference DESIGN.md for GPU-vendor cinematic: chrome-black canvas, signature green action, video-led hero, hard-edged grotesque headlines. Use when building UI components, applying design tokens, or implementing visual styles for cinematic nvidia.

anubhavg-icpl/vibe

Skill for discovering and researching autonomous AI agents, tools, and ecosystems using the AgentFolio directory. Use when you need help with agentfolio.

anubhavg-icpl/vibe

Build content-focused websites with Astro — zero JS by default, islands architecture, multi-framework components, and Markdown/MDX support. Use when you need help with astro.

anubhavg-icpl/vibe

Expert in building portfolios that actually land jobs and clients -. Use when you need help with interactive portfolio. not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities.

anubhavg-icpl/vibe

Generates high-converting Next.js/React landing pages with Tailwind CSS. Uses PAS, AIDA, and BAB frameworks for optimized copy/components (Heroes, Features, Pricing). Focuses on Core Web Vitals/SEO. Use when you need help with landing page generator.

anubhavg-icpl/vibe

Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays. Use when you need help with remotion.

anubhavg-icpl/vibe

Writes complete, structured landing pages optimized for SEO ranking, AEO citation, and visitor conversion. Activate when the user wants to write or generate a landing page for a product, service, or offer.

anubhavg-icpl/vibe

Automate Klipfolio tasks via Rube MCP (Composio). Always search tools first for current schemas. Use when you need help with klipfolio automation.

anubhavg-icpl/vibe

>. Use when you need help with kami landing. Produce a print-grade single-page kami (紙 / 纸) document — warm parchment canvas, ink-blue accent, serif at one weight, no italic, no cool grays. The output reads like a professional white paper or studio one-pager, not an app UI. Multilingual by design (EN · zh-CN · ja). One self-contained HTML file, zero dependencies.

anubhavg-icpl/vibe

>. Use when you need help with open design landing deck. Produce a single-file slide deck in the Atelier Zero visual language (warm-paper background, italic-serif emphasis spans, coral terminating dots, surreal collage plates) — Open Design's brand deck recipe. The deck uses **horizontal magazine-style swipe pagination** (←/→, wheel, swipe), a per-slide chrome strip with brand mark and slide counter, an ESC overview grid, a coral progress bar, and inherits the canonical stylesheet + 16-slot image library from the sister `open-design-landing` skill.

anubhavg-icpl/vibe

>. Use when you need help with open design landing. Produce a world-class single-page editorial landing site in the Atelier Zero visual language (Monocle / Apartamento / Études editorial collage) — the same aesthetic Open Design uses for its own marketing surface. The agent fills a typed `inputs.json` from a brand brief, optionally generates 16 collage assets via gpt-image-2, then runs a pure-function composer that emits a self-contained HTML file; a separate path can mirror the Astro marketing site in `apps/landing-page/`. Drop-in scroll-reveal motion and a Headroom-style sticky nav are wired automatically.

anubhavg-icpl/vibe

>. Use when building UI with epic design language and visual style. Build immersive, cinematic 2.5D interactive websites using scroll storytelling, parallax depth, text animations, and premium scroll effects — no WebGL required. Use this skill for any web design task: landing pages, product sites, hero sections, scroll animations, parallax, sticky sections, section overlaps, floating products between sections, clip-path reveals, text that flies in from sides, words that light up on scroll, curtain drops, iris opens, card stacks, bleed typography, and any site that should feel cinematic or premium. Trigger on phrases like "make it feel alive", "Apple-style animation", "sections that overlap", "product rises between sections", "immersive", "scrollytelling", or any scroll-driven visual effect. Covers 45+ techniques across 8 categories. Always inspects, judges, and plans assets before coding. Use aggressively for ANY web design task.

anubhavg-icpl/vibe

Generates high-converting landing pages as complete Next.js/React (TSX) components with Tailwind CSS. Creates hero sections, feature grids, pricing tables, FAQ accordions, testimonial blocks, and CTA sections using proven copy frameworks (PAS, AIDA, BAB). Outputs SEO meta tags, structured data, and performance-optimised code targeting Core Web Vitals (LCP < 1s, CLS < 0.1). Use when the user asks to create a landing page, marketing page, homepage, single-page site, lead capture page, campaign page, promo page, or conversion-optimised web page — or when they want to A/B test landing page variants or replace a static page with one designed to convert.

anubhavg-icpl/vibe

Generates a premium single-page HTML landing page with 3D CSS animations, GSAP scroll effects, and mouse-parallax depth. Forcing intake (product + elevator pitch, audience register, brand overrides, tone) locks down positioning before any copy or markup is written, so the page reflects the actual product rather than generic boilerplate. Use whenever the user says 'landing for X', 'create a landing page', 'build a landing page', 'make a landing page for X', 'I need a web page for Y', or provides product/service details and wants a polished website. Also triggers on 'promotional page', 'product page', 'one-pager', 'web presence', 'sales page'. Outputs a single self-contained HTML file (Claude Code) or HTML artifact (Claude.ai). Supports configurable brand colors via CSS custom property overrides.

Skills relacionados