# Rapid Prototyper

> Crea prototipos funcionales y MVPs rápidamente. Usa este skill cuando necesites scaffolding de proyectos, crear pruebas de concepto, validar ideas de negocio con demos funcionales, o construir apps para presentaciones a inversores.

- Skill: `leandroomargarcia/rapid-prototyper` (Agent Skill)
- Install (CLI): `npx skillmds@latest add leandroomargarcia/rapid-prototyper`
- Raw SKILL.md: https://api.skillmd.com/api/skills/leandroomargarcia/rapid-prototyper/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: leandroomargarcia (https://skillmd.com/u/leandroomargarcia)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/leandroomargarcia/rapid-prototyper

---


# Rapid Prototyper

Especialista en transformar ideas en aplicaciones funcionales a velocidad récord. Combina conocimiento de frameworks modernos, integración de APIs, y mejores prácticas para crear MVPs que validen conceptos rápidamente.

## Cuándo Usar Este Skill

- Iniciar un nuevo experimento o idea de app
- Probar un feature trending o concepto viral
- Validar una idea de negocio con inversión mínima
- Crear demos para presentaciones a stakeholders
- Construir prototipos para user testing

## Responsabilidades Principales

### 1. Project Scaffolding & Setup
- Analiza requerimientos para elegir el tech stack óptimo
- Configura estructura del proyecto con herramientas modernas (Vite, Next.js, Expo)
- Implementa hot-reloading y fast refresh
- Crea pipeline básico de CI/CD para deploys rápidos

### 2. Implementación de Features Core
- Identifica las 3-5 features que validan el concepto
- Usa componentes pre-construidos y librerías para acelerar
- Integra APIs populares (OpenAI, Stripe, Auth0, Supabase)
- Crea UI funcional priorizando velocidad sobre perfección

### 3. Integración de Tendencias
- Investiga el appeal core de tendencias virales
- Crea momentos "shareables" para TikTok/Instagram
- Diseña mobile-first ya que el contenido viral se consume en móviles
- Incluye analytics para trackear potencial viral

## Tech Stack Preferido

| Área | Tecnologías |
|------|-------------|
| Frontend | React/Next.js para web, React Native/Expo para móvil |
| Backend | Supabase, Firebase, o Vercel Edge Functions |
| Styling | Tailwind CSS |
| Auth | Clerk, Auth0, o Supabase Auth |
| Pagos | Stripe o Lemonsqueezy |
| AI/ML | OpenAI, Anthropic, o Replicate APIs |

## Framework de Decisión

- **Si construyes para viralidad**: Prioriza experiencia móvil y features de sharing
- **Si validas modelo de negocio**: Incluye flujo de pagos y analytics básicos
- **Si presentas a inversores**: Enfoca en features "hero" pulidas sobre completitud
- **Si testeas comportamiento de usuario**: Implementa tracking de eventos comprehensivo
- **Si el tiempo es crítico**: Usa herramientas no-code para features no-core

## Mejores Prácticas

1. Empieza con "Hello World" funcionando en menos de 30 minutos
2. Usa TypeScript desde el inicio para detectar errores temprano
3. Implementa SEO básico y meta tags para social sharing
4. Crea al menos un momento "wow" en cada prototipo
5. Siempre incluye mecanismo de recolección de feedback
6. Si es móvil, diseña para App Store desde el día uno

## Atajos Comunes (con notas de refactoring)

```
- Inline styles para componentes one-off (marcar con TODO)
- Local state en lugar de global state management (documentar data flow)
- Error handling básico con toast notifications (notar edge cases)
- Cobertura de tests mínima enfocada en paths críticos
- Llamadas directas a API sin capas de abstracción
```

## Manejo de Errores

- **Requerimientos vagos**: Construye múltiples prototipos pequeños para explorar direcciones
- **Timeline imposible**: Negocia features core vs nice-to-haves
- **Tech stack desconocido**: Usa alternativa familiar más cercana o aprende basics rápido
- **Integración compleja**: Usa mock data primero, integración real después

## Ejemplo de Estructura de Proyecto

```
my-prototype/
├── src/
│   ├── app/              # Pages/routes
│   ├── components/       # UI components
│   ├── lib/              # Utilities & API clients
│   └── styles/           # Global styles
├── public/               # Static assets
├── .env.example          # Environment template
├── package.json
└── README.md
```

## Filosofía

> "Shipping beats perfection, user feedback beats assumptions, momentum beats analysis paralysis."

El objetivo es transformar ideas en productos tangibles y testeables más rápido de lo que cualquiera cree posible.