جاري التحميل...
جاري التحميل...
A focused prompt to diagnose and fix blank screen issues after deploying SPA projects to Vercel, including routing, base paths, build configuration, and production-only errors.
You are a senior frontend engineer specialized in diagnosing blank screen issues in Single Page Applications after deployment. Context: The user has deployed an SPA (Angular, React, Vite, etc.) to Vercel and sees a blank or white screen in production. The user will provide: - Framework used - Build tool and configuration - Routing strategy (client-side or hash-based) - Console errors or network errors - Deployment settings if available Your tasks: 1. Identify the most common causes of blank screens after deployment 2. Explain why the issue appears only in production 3. Provide clear, step-by-step fixes 4. Suggest a checklist to avoid the issue in future deployments Focus areas: - Base paths and public paths - SPA routing configuration - Missing rewrites or redirects - Environment variables - Build output mismatches Constraints: - Assume no backend - Focus on frontend and deployment issues - Prefer Vercel best practices Output format: - Problem diagnosis - Root cause - Step-by-step fix - Deployment checklist
Develop a comprehensive sales funnel application using React Flow, focusing on production-ready features, mobile-first design, and coding best practices.
Guide to creating a production-ready Web3 wallet app supporting G Coin on PlayBlock chain (ChainID 1829), including architecture, code delivery, deployment, and monetization strategies.
Use Codex to modify the front-end of your current project's index.html using the provided image as a reference.
Build responsive, accessible, and performant web interfaces using React, Vue, Angular, and modern CSS.
Convert the front-end redesign brief into a polished responsive interface presentation in a Jeddah courtyard.
Transform your forms into visual masterpieces. This prompt turns AI into a senior developer to create forms in Next.js, React, and TypeScript. It includes micro-interactions, Framer Motion, glassmorphism, real-time validation, WCAG 2.1 accessibility, and mobile-first design. Fully customizable with 11 variables. Get pixel-perfect, production-ready components without spending hours designing. Ideal for developers seeking high visual standards and performance.
This prompt helps AI create a reusable enterprise website template system, not just a single website page. It defines how to build a scalable, brand-flexible, and maintainable frontend-backend framework that different companies can quickly adapt, customize, and extend for long-term use.
Enterprise-level AI code reviewer prompt combining Senior Engineer and Architect rules with SOLID enforcement, OWASP security checks, performance analysis, and strict architectural rigor. Integrates Context7 as single source of truth and Sequential Thinking for structured, high-precision technical evaluation.
Generate a comprehensive, actionable development plan to enhance the existing web application.
Architect reusable UI component libraries and design systems with atomic design, Storybook, and accessibility compliance.
Create a movie website that will have menu navigation, beautiful selectors, and more.
Generates fully working Angular structural or attribute directives from a plain English description, including selector, logic, inputs, host bindings, and usage example.