메뉴
Universal project generator for web pages, landing pages, dashboards, and digital products. Activates when user wants to create a new project from scratch, generate a landing page, build a dashboard, or start any web development task.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Specialist in creating premium, accessible, and high-performance landing pages using modern UI/UX patterns and Tailwind CSS.
Expert in conversion optimization (CRO), copywriting for lead generation, and marketing strategy for professional services.
Write JavaScript code in n8n Code nodes. Use when writing JavaScript in n8n, using $input/$json/$node syntax, making HTTP requests with $helpers, working with dates using DateTime, troubleshooting Code node errors, choosing between Code node modes, or doing any custom data transformation in n8n. Always use this skill when a workflow needs a Code node — whether for data aggregation, filtering, API calls, format conversion, batch processing logic, or any custom JavaScript. Covers SplitInBatches loop patterns, cross-iteration data, pairedItem, and real-world production patterns.
Expert guide for using n8n-mcp MCP tools effectively. Use when searching for nodes, validating configurations, accessing templates, managing workflows, managing credentials, auditing instance security, or using any n8n-mcp tool. Provides tool selection guidance, parameter formats, and common patterns. IMPORTANT — Always consult this skill before calling any n8n-mcp tool — it prevents common mistakes like wrong nodeType formats, incorrect parameter structures, and inefficient tool usage. If the user mentions n8n, workflows, nodes, or automation and you have n8n MCP tools available, use this skill first.
Proven workflow architectural patterns from real n8n workflows. Use when building new workflows, designing workflow structure, choosing workflow patterns, planning workflow architecture, or asking about webhook processing, HTTP API integration, database operations, AI agent workflows, batch processing, or scheduled tasks. Always consult this skill when the user asks to create, build, or design an n8n workflow, automate a process, or connect services — even if they don't explicitly mention 'patterns'. Covers webhook, API, database, AI, batch processing, and scheduled automation architectures.
| name | vibe-project-generator |
| description | Universal project generator for web pages, landing pages, dashboards, and digital products. Activates when user wants to create a new project from scratch, generate a landing page, build a dashboard, or start any web development task. |
| license | MIT |
| metadata | {"category":"project-generator","version":"1.0.0"} |
Soy tu generador de proyectos web. Cuando quieras crear algo nuevo, uso este sistema para guiarte paso a paso y entregarte un proyecto completo.
Preguntar SIEMPRE:
├── 1. Tipo de proyecto (del catálogo)
├── 2. Nombre del negocio/marca
├── 3. Ubicación (ciudad, país)
├── 4. Público objetivo (B2B/B2C, edad, dolor principal)
├── 5. Diferenciador principal (¿por qué elegirte?)
├── 6. Action principal (llamar, whatsapp, formulario, compra)
└── 7. Presupuesto/timeline
Para LANDING PAGES:
Para DASHBOARDS:
Para E-COMMERCE:
Para SAAS:
Antes de escribir código, generar documento con:
Seguir el stack estándar:
H1: [Problema/Dolor] + [Solución/Beneficio]
Subtítulo: [Benefit + specificity]
Bullets:
- [Benefit 1] + [proof point]
- [Benefit 2] + [proof point]
- [Benefit 3] + [proof point]
CTA: [Action] + [Value]
H1: [Herramienta] para [Problema]
Subtítulo: [Cómo resuelve] sin [dolor]
Bullets:
- [Feature 1]: [Benefit]
- [Feature 2]: [Benefit]
- [Feature 3]: [Benefit]
CTA: Empezar Gratis / Solicitar Demo
H1: [Producto] + [Key Benefit]
Subtítulo: [Social proof o guarantee]
CTA: Ver Productos / Comprar Ahora
H1: [Verbo] + [Resultado] + [Con qué]
Subtítulo: [Quién + Benefit + Speed]
Bullets:
- [Métrica 1] mejora en [X%]
- [Métrica 2] mejora en [X%]
CTA: Prueba Gratis / Demo
| Tipo | KPI Principal | KPI Secundario |
|---|---|---|
| Landing B2B | Tasa de conversión lead | Scroll depth |
| Landing B2C | Tasa de conversión venta | Bounce rate |
| Dashboard | DAU/MAU | Tiempo en app |
| E-commerce | Conversion rate | AOV |
| SaaS | Sign-ups | Churn |
| Portfolio | Contacto emails | Tiempo en página |
| Categoría | Color Primario | Color Acento | Razón |
|---|---|---|---|
| Legal/Abogados | Azul marino (#1e3a5f) | Dorado (#c9a227) | Confianza, autoridad |
| Médicos | Verde (#059669) | Blanco (#fff) | Salud, limpieza |
| Tech/SaaS | Violeta (#7c3aed) | Cyan (#06b6d4) | Innovación, modernidad |
| Restaurantes | Rojo (#dc2626) | Crema (#fef3c7) | Apetito, calidez |
| Finanzas | Verde oscuro (#166534) | Dorado (#ca8a04) | Dinero, confianza |
| Viajes | Azul (#0369a1) | Naranja (#ea580c) | Aventura, sol |
1. Preguntar → Categoría + Info básica
2. Generar → Blueprint.md (estrategia)
3. Crear → Copy optimizado
4. Implementar → index.html (Tailwind + JS)
5. Explicar → Cómo conectar a n8n/backend
6. Desplegar → Opciones de hosting
Cuando el usuario diga:
Activo este prompt y sigo el flujo: