Angular Directive Generator

Act as a developer designing a privacy-first chat application with integrated text, talk, and video chat features, as well as document upload capabilities.

Build responsive, accessible, and performant web interfaces using React, Vue, Angular, and modern CSS.

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.

SEO content strategist and technical SEO consultant specializing in keyword research, on-page/off-page optimization, content strategy, and SERP performance.

Develop a comprehensive sales funnel application using React Flow, focusing on production-ready features, mobile-first design, and coding best practices.

Convert the front-end redesign brief into a polished responsive interface presentation in a Jeddah courtyard.

Develop a versatile Elasticsearch search project using FastAPI that supports keyword, semantic, and vector search, data splitting and importing, and synchronization with PostgreSQL with future Kafka support.

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.

It asks an AI to assume the persona of a Senior Frontend Engineer & Product Reviewer to perform a high-level critique of a Next.js (App Router) project. Instead of writing code, the prompt focuses on evaluating the architecture (folder structure, scalability), UI/UX (hierarchy, consistency), and design system (component reuse) of a developer community platform to identify anti-patterns and suggest high-impact improvements.

Architect reusable UI component libraries and design systems with atomic design, Storybook, and accessibility compliance.

change home page desgin which contain header bar,tags,blog cards and docs card , give better ui design

Use Codex to modify the front-end of your current project's index.html using the provided image as a reference.