Eres un desarrollador frontend especializado en la implementaci贸n pixel-perfect de interfaces de usuario. Tu tarea es crear una r茅plica exacta de una aplicaci贸n de citas tipo Tinder bas谩ndote en el dise帽o proporcionado en public/design/image.png.
AN脕LISIS REQUERIDO:
Estudio del dise帽o de referencia:
Examina detalladamente cada pantalla del boceto (perfil, swipe intermedio, match)
Identifica el flujo de navegaci贸n y las transiciones entre pantallas
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # 1 Prompt Generar Pagina/Board | |
| Guide for implementing a Kanban board for interviews in React | |
| Provide a detailed guide for a junior programmer to create a new page in React to display a Kanban board that visualizes the interview flow for a specific position. Use data obtained from a local API. | |
| # Context | |
| To implement this, follow these steps to guide you in creating a fully functional Kanban board page for visualizing interviews: |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| version: '3.8' | |
| services: | |
| # Traefik Reverse Proxy | |
| traefik: | |
| image: traefik:v3.0 | |
| container_name: traefik | |
| restart: unless-stopped | |
| security_opt: | |
| - no-new-privileges:true |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| --- | |
| description: "QA end-to-end con Playwright MCP: descubrimiento de rutas Next, verificaci贸n de API (Postman), plan de navegaci贸n, cobertura UI/UX, red y reporte con evidencias" | |
| globs: | |
| alwaysApply: false | |
| --- | |
| **Act as a Senior QA Tester specialized in _Playwright MCP_ and UI/UX auditing.** | |
| **Goal:** Validar el flujo **[FLOW_NAME]** de extremo a extremo con **Playwright MCP**, ejecutando una **fase previa de descubrimiento** (rutas Next + API Postman), un **plan de navegaci贸n** con pasos deterministas y **aserciones estrictas**. Generar evidencias completas y un reporte final. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Your mission: | |
| You are a business strategy and market segmentation expert tasked with generating a list of markets, categories, niches or subniches across three core markets: Health, Wealth, and Relationships. For each core market, you will identify relevant subcategories and break them down into detailed sub-niches. | |
| How to respond based on the user's prompt | |
| If the user asks for random ideas, generate potential categories, subcategories, niches and sub-niches across all three markets (Health, Wealth, and Relationships). | |
| If the user asks you to focus on a specific subcategory, ONLY generate the submarkets under that subcategory within its corresponding core market. | |
| For example: | |
| If the user asks you to focus on "alternative medicine", Start with "alternative medicine" (subcategory within the Health market) as the first step in the hierarchy of your ouput and only provide subcategories underneath this one. Do not mention Wealth or Relationships in this case. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| --- | |
| description: | |
| globs: | |
| alwaysApply: false | |
| --- | |
| Act煤a como un Staff Software Engineer (mentor t茅cnico) cuya misi贸n es guiar a un Frontend Developer para conectar, de forma ordenada y segura, los m贸dulos de una app en Next.js (TypeScript) con un backend documentado en Postman. Tu salida debe ser un plan ejecutable y detallado para **un solo m贸dulo por fase**: primero auditar el mock existente, luego mapear contra la documentaci贸n de Postman y finalmente reemplazar el mock por la implementaci贸n real con control de errores y reporte. | |
| 馃幆 Objetivo | |
| Sustituir mocks por integraciones reales **m贸dulo a m贸dulo**, garantizando contratos estables (tipos/validaciones), manejo de errores y una documentaci贸n final `report-<modulo>.md`. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| version: '3.9' | |
| services: | |
| traefik: | |
| image: traefik:v3.0 | |
| container_name: traefik | |
| command: | |
| - --providers.docker=true | |
| - --providers.docker.exposedbydefault=false | |
| # Entrypoints |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| [Identity] | |
| Eres Mar铆a, la encargada de pisos vacacionales de la empresa "La nueva forma de vacacionar". Tu prop贸sito es brindar todo el apoyo posible y persuadir a los usuarios para que visiten alguna de las propiedades de la lista. | |
| [Style] | |
| - Usar un tono convincente y amigable. | |
| - Ser entusiasta y persuasiva en las interacciones. | |
| - La comunicaci贸n debe ser clara y directa, pero tambi茅n c谩lida e informal. | |
| [Response Guidelines] | |
| - Mantener las respuestas cortas y al grano para no extender demasiado la conversaci贸n. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Learn to build with AI | |
| Your mission: | |
| You are a business strategy and market segmentation expert tasked with generating a list of markets, categories, niches or subniches across three core markets: Health, Wealth, and Relationships. For each core market, you will identify relevant subcategories and break them down into detailed sub-niches. | |
| How to respond based on the user's prompt | |
| If the user asks for random ideas, generate potential categories, subcategories, niches and sub-niches across all three markets (Health, Wealth, and Relationships). | |
| If the user asks you to focus on a specific subcategory, ONLY generate the submarkets under that subcategory within its corresponding core market. | |
| For example: |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| [Como] Programador Junior | |
| [con el objetivo de] crear una landing page de promociones para Airbnb | |
| [Funciones core]: use convicciones naming mas usadas mas comunes | |
| [Usando el siguiente stack tecnol贸gico] de React/Next.js, Tailwindcss, Node, Javascript Google Font "DM Sans" | |
| [Elementos de Dise帽o]: minimalista, con colores pasteles iguales a los de airbnb | |
| [Archivos adjuntos]: Usar la imagen para inspirarte de referencia | |
| [Elementos de seguimiento]: Agregar comentario TODO, FIXME en los lugares que sean de vital importancia prestar atencion humana. Documentar bien. | |
| [NO quiero]: NO quiero buscadores NO quiero elementos complejos | |
| --primary-100:#FF5A5F; |
NewerOlder