Promptstudio Experience

Ruta sugerida: promptstudio-experience Objetivo: Crear una landing page web premium, moderna, inmersiva, tecnológica, creativa, funcional y responsive para presentar una plataforma tipo estudio/laboratorio de prompts donde usuarios, creadores, equipos y empresas pueden diseñar, probar, organizar, mejorar, guardar, versionar y compartir prompts para IA. Concepto principal: La web debe sentirse como entrar a un estudio creativo 3D de inteligencia artificial donde los prompts flotan como tarjetas luminosas, el usuario trabaja en un editor central, los resultados aparecen en paneles holográficos, las versiones se organizan como capas, los workflows se conectan con nodos, las plantillas se muestran como cápsulas visuales y las colecciones se guardan en una biblioteca futurista. Requisitos principales: Crear una landing page completa, moderna, funcional y responsive.; Incluir un canvas 3D visible e integrado en la experiencia principal.; Agregar animaciones de scroll 3D.; Agregar efectos parallax en textos, editor, tarjetas de prompts, nodos, resultados, paneles, biblioteca, workflows, botones, partículas, líneas de conexión y fondos.; Todos los botones deben funcionar correctamente.; Optimizar para desktop, tablet y móvil.; Usar animaciones suaves, inteligentes, futuristas y con buen rendimiento.; Mantener la escena clara, premium, tecnológica, ordenada, creativa y fácil de navegar.; Usar datos ficticios para prompts, modelos, resultados, usuarios, plantillas, workflows, precios y métricas.; No usar logos, nombres comerciales protegidos, interfaces reales exactas ni claims engañosos de resultados garantizados. Organizacion visual: max_width: 1200px o 1280px; padding_desktop: 96px a 150px por sección; padding_mobile: 24px a 32px; gaps: 24px, 32px o 48px; fondos: azul noche; negro profundo; blanco frío; bloques glassmorphism; gradientes suaves; grids de IA; líneas de conexión; divisores sutiles; descripcion: No amontonar prompts, resultados, botones, formularios, pricing, nodos ni visuales 3D. Separar cada bloque del estudio con suficiente espacio visual.; editor: El editor debe tener tipografía legible, área de prompt clara, controles visibles y buen contraste.; prompt_cards: Las tarjetas de prompt deben mostrar título, categoría, objetivo, variables, tono, estado, rating ficticio y CTA de forma clara.; result_panels: Los paneles de resultados deben mostrar output simulado, score, comparación y feedback visual. Estructura: header: logo: PROMPTSTUDIO; menu: Home; Studio; Library; Testing; Workflows; Marketplace; Pricing; Contact; botones: Start Creating; Explore Library; descripcion: Header fijo con fondo translúcido tipo glassmorphism oscuro o claro, menú móvil hamburguesa funcional y scroll suave hacia cada sección.; microinteracciones: Logo con cursor luminoso y pequeñas partículas de IA; Enlaces con underline animado; Botones con elevación, glow cian/violeta y feedback visual; Menú móvil con transición limpia; hero: titulo: Build, Test and Organize Better Prompts in a 3D AI Studio; subtitulo: Create prompt systems, compare outputs, save reusable templates, version your ideas and build AI workflows from one immersive workspace.; accion_principal: input: What prompt do you want to create?; selector: Writing; Coding; Marketing; Design; Education; Research; Support; Sales; boton: Generate Prompt Draft; botones: Enter PromptStudio; Browse Templates; Start Free; visual: Laboratorio 3D con editor central, tarjetas de prompt flotantes, nodos de workflow, paneles de resultados, biblioteca de plantillas, líneas de conexión, chips de variables, cursor luminoso, partículas suaves y profundidad visual.; canvas_3d: nombre: Prompt Studio Experience; descripcion: Crear una escena 3D dentro de un canvas que represente un laboratorio creativo de prompts premium.; elementos: Editor de prompt 3D central; Tarjetas de prompts flotantes; Variables como chips: {audience}, {tone}, {goal}, {format}, {constraints}; Panel de output simulado; Panel de comparación A/B; Biblioteca de plantillas; Nodos de workflow conectados; Version timeline; Carpetas de colecciones; Indicadores de quality score ficticio; Botón play/test 3D; Historial de ejecuciones; Avatares de colaboración; Marketplace cards; CTA flotante de registro; hotspots: Prompt Editor; Template Library; A/B Testing; Output Panel; Workflow Nodes; Version History; Marketplace; Start Creating; animacion_principal: El botón “Enter PromptStudio” debe activar una animación donde la cámara entra al laboratorio, enfoca el editor, escribe un prompt, activa test, compara resultados, guarda una versión, conecta un workflow y termina frente al CTA “Start Creating”.; secciones: nombre: Platform Overview; titulo: A Complete Studio for Prompt Creation; descripcion: Explicar que PromptStudio ayuda a convertir ideas sueltas en prompts reutilizables, testeables, organizados y listos para flujos de trabajo reales.; cards: Prompt Builder; Reusable Templates; Output Testing; Workflow Systems; nombre: Prompt Editor; elementos: Campo de prompt; Selector de objetivo; Selector de tono; Selector de formato; Campo de restricciones; Variables reutilizables; Preview del prompt final; Quality score ficticio; botones: Write Sample Prompt; Improve Prompt; Test Prompt; Save Prompt; nombre: Prompt Library; prompts: Landing Page Generator; UX Audit Assistant; Java Code Explainer; Marketing Email Builder; Product Description Writer; Research Summary Prompt; Interview Question Coach; Brand Voice Refiner; Story Scene Builder; Sales Objection Handler; botones: Open Prompt; Duplicate; Favorite; Run Test; nombre: Templates; plantillas: Content Creator Pack; Developer Debug Pack; SaaS Landing Page Pack; SEO Article Pack; Customer Support Pack; Teacher Lesson Pack; Research Assistant Pack; Image Prompt Pack; Product Manager Pack; Sales Outreach Pack; botones: Preview Template; Use Template; nombre: A/B Testing; elementos: Prompt A; Prompt B; Output A; Output B; Score de claridad; Score de utilidad; Score de formato; Recomendación simulada; botones: Run A/B Test; Choose Winner; Merge Best Parts; Save Experiment; nombre: Output Lab; mensaje: Outputs are simulated placeholders. Review results before using them.; elementos: Output simulado; Formato; Longitud; Consistencia; Hallucination risk placeholder; Checklist de calidad; Feedback notes; botones: Regenerate Output; Rate Output; Add Feedback; Export Result; nombre: Workflow Builder; nodos: Input; Prompt; Context; Model placeholder; Review; Rewrite; Export; Publish; botones: Add Node; Connect Nodes; Run Workflow; Save Workflow; nombre: Version History; versiones: v1 Rough Idea; v2 Structured Prompt; v3 Added Constraints; v4 Improved Examples; v5 Team Approved; botones: Preview Version; Restore Version; Compare Versions; nombre: Collections; colecciones: Marketing Prompts; Coding Prompts; Design Prompts; Education Prompts; Research Prompts; Sales Prompts; Personal Productivity; Image Generation Prompts; botones: Create Collection; Move Prompt; Sort Collection; Share Collection; nombre: Marketplace; categorias: Business; Coding; Design; Writing; Education; Marketing; Research; Productivity; productos: Prompt packs; Workflow kits; Brand voice systems; Landing page generators; Coding assistants; Lesson builders; botones: View Pack; Add to Cart; Open Cart; nota: Mantener checkout simulado y sin pagos reales.; nombre: Team Collaboration; features: Team prompt library; Comments; Approval flow; Roles; Shared collections; Prompt reviews; Usage notes; Workspace permissions; boton: View Collaboration Feature; nombre: Analytics; metricas: Prompts created; Tests run; Average quality score; Saved templates; Team approvals; Workflow runs; Most used categories; Exported results; botones: Open Analytics; Compare Categories; Download Report; nombre: Use Cases; casos: Creators; Developers; Marketing Teams; Educators; Researchers; Product Managers; Customer Support; Agencies; boton: Explore Use Case; nombre: Security / Governance; mensaje: Always review AI outputs before publishing or using them in critical contexts.; elementos: Workspace permissions; Prompt review; Version control; Private collections; Export controls; Usage notes; Team approval; Safe output review reminder; boton: View Governance Details; nombre: Pricing; planes: Free Creator; Studio Plus; Workflow Pro; Team Lab; Enterprise Studio; plan_recomendado: Workflow Pro; botones: Choose Plan; Start Free; nombre: Testimonials; testimonios: PromptStudio turned our scattered prompt ideas into a reusable team library.; The A/B testing helped us understand which instructions produced clearer outputs.; Workflows made prompt creation feel visual, structured and collaborative.; nombre: FAQ; preguntas: Can I create reusable prompts?; Can I test different prompt versions?; Can I organize prompts into collections?; Can teams collaborate?; Can I build workflows?; Can I export results?; Are outputs guaranteed?; Is the platform responsive on mobile?; nota: Incluir respuesta clara indicando que los outputs deben revisarse antes de usarse.; nombre: Signup / Contact; campos: Name; Email; Role; Main Use Case; Prompt Category Interest; Team Size; Plan Interest; Message; Consent Checkbox; checkbox: I understand AI outputs should be reviewed before use.; boton: Create PromptStudio Workspace; footer: links: Studio; Editor; Library; Templates; Testing; Workflows; Marketplace; Analytics; Pricing; Contact; Terms; Privacy; Responsible AI Note; Social links Interacciones obligatorias: El menú debe navegar con scroll suave a cada sección.; Enter PromptStudio debe activar animación guiada en el canvas 3D.; Browse Templates debe llevar a Library o Templates.; Start Free debe llevar a Pricing o Signup.; Generate Prompt Draft debe crear prompt simulado según la categoría elegida.; Los hotspots del canvas deben mostrar información.; Write Sample Prompt debe escribir texto simulado con cursor.; Improve Prompt debe mejorar la estructura visual.; Test Prompt debe generar output simulado.; Save Prompt debe cambiar estado a guardado.; Open Prompt debe abrir editor.; Duplicate debe crear copia simulada.; Favorite debe cambiar estado.; Run Test debe generar output simulado.; Preview Template debe abrir vista previa.; Use Template debe crear colección simulada.; Run A/B Test debe animar resultados.; Choose Winner debe destacar versión ganadora.; Merge Best Parts debe crear versión combinada.; Save Experiment debe cambiar estado.; Regenerate Output debe cambiar resultado.; Rate Output debe mostrar rating.; Add Feedback debe agregar nota.; Export Result debe mostrar confirmación.; Add Node debe agregar nodo visual.; Connect Nodes debe dibujar línea.; Run Workflow debe animar flujo.; Save Workflow debe cambiar estado.; Preview Version debe abrir detalle.; Restore Version debe cambiar versión activa.; Compare Versions debe mostrar comparación.; Create Collection debe crear colección simulada.; Move Prompt debe mover tarjeta.; Sort Collection debe reorganizar.; Share Collection debe mostrar confirmación.; View Pack debe abrir detalle.; Add to Cart debe actualizar mini carrito.; Open Cart debe mostrar resumen.; View Collaboration Feature debe abrir detalle.; Open Analytics debe abrir panel.; Compare Categories debe mostrar comparación.; Download Report debe mostrar confirmación.; Explore Use Case debe abrir panel o filtrar plantillas.; View Governance Details debe abrir panel.; Choose Plan debe seleccionar plan y mostrar resumen.; Create PromptStudio Workspace debe validar campos, checkbox y mostrar confirmación.; FAQ debe expandirse y cerrarse correctamente.; El menú móvil debe abrir y cerrar correctamente.; Todos los botones deben tener hover, active state y feedback visual. Animaciones: La cámara debe moverse desde el laboratorio hacia editor, variables, testing, outputs, workflows, versionado, colecciones, marketplace, analytics, pricing y signup.; El cursor debe escribir un prompt suavemente en el editor.; Las variables deben aparecer como chips flotantes con translateZ, scale y fade.; Las tarjetas de prompts deben reorganizarse en biblioteca con transición suave.; Los outputs deben generarse como paneles holográficos.; El A/B testing debe dividir la pantalla en dos paneles comparativos.; Los nodos de workflow deben conectarse con líneas luminosas progresivas.; El version timeline debe desplegar capas con profundidad.; Las colecciones deben abrirse como carpetas 3D.; Los marketplace packs deben flotar como tarjetas premium.; Las métricas deben animarse con contadores y gráficos.; Las tarjetas de pricing deben elevarse con hover 3D.; El formulario debe aparecer con transición limpia desde profundidad. Estilo visual: descripcion: Futurista, SaaS premium, creativo, tecnológico, claro, elegante y productivo.; paleta: Azul noche; Negro profundo; Blanco frío; Cian eléctrico; Violeta suave; Verde éxito; Gris grafito; Plata sutil; Naranja suave para alertas; recursos: Glassmorphism; Tarjetas limpias; Editor 3D; Chips de variables; Nodos conectados; Outputs holográficos; Bibliotecas flotantes; Sombras suaves; Bordes redondeados; tipografia: Tipografía moderna, legible, técnica y orientada a producto. Resultado esperado: Una landing page completa, inmersiva y funcional para “PromptStudio Experience”, con canvas 3D, laboratorio creativo de prompts, editor interactivo, biblioteca, plantillas, testing A/B, outputs, workflows, versionado, colecciones, marketplace simulado, colaboración, analytics, use cases, governance, pricing, testimonios, FAQ, signup, formulario funcional con checkbox de revisión responsable, scroll animations 3D, parallax, hotspots, botones funcionales, diseño responsive, márgenes amplios, separación clara entre componentes y estética premium de plataforma IA.