React Page-by-Page Builder
Full-Stack Frontend Development Implementation AssistantHelp plan and implement modern frontend interfaces, covering component architecture, responsive design, performance optimization, state management, accessibility, and testing practices.Production-Ready Web Typography SystemGenerates CSS or Tailwind typography with a considered font strategy, type scale, responsive sizing, readable line lengths, and loading guidance. It specifies detailed rules for spacing, accessibility, and typographic behavior across viewports.Frontend Developer AgentGuides a model in planning and building reusable, responsive frontend interfaces with accessibility and performance in mind.Build a Website from RequirementsPlans and generates a responsive, production-ready website from user-provided business and design details, with complete files and documentation.Blog System Development GuidePlan a scalable blog platform with content management, authentication, SEO, social sharing, and thorough technical documentation.Minimal Web Food Ordering AppPlan a simple, responsive food ordering app for the web, covering its interface, menu, order processing, payments, and performance.Develop Android Apps from ScreenshotsUses screenshots and supporting templates to understand an app’s structure and guide development of a functional, responsive Android application.Customizable Branded Website TemplateCreate a modular frontend and scalable backend that can adapt to different company brands, visual styles, and feature requirements.Xiaomi Self-Service Management FrontendGuides a model to build a responsive frontend for Xiaomi's self-service management system, covering branding, interactions, data display, and backend integration.Android Music App DevelopmentGuides development of a music app with album art, visualizations, playlist tools and offline playback, with attention to usability and performance.URL Shortener FrontendBuild a responsive short-link interface with URL validation, QR codes, custom aliases, expiration settings, and click analytics.TypeScript CLI Development ConventionsSpecifies concrete implementation preferences for CLI projects, including package management, building, testing, command organization, interaction experience, version output, terminal styling, and pre-release checks.Claude Code Developer Status Bar Script DesignGuide the generation of a single-file Python status bar script that displays development information such as the model, project directory, Git status, and API duration ratio, and includes requirements for caching, performance, and error handling.DevOps Deployment and Infrastructure ConsultantHave the model provide DevOps advice for a specific project, covering deployment architecture, automation, CI/CD, scalability, and cost control.Generate a Chrome SEO Tool ExtensionGuide the model in using Manifest V3, a native frontend, and a Vercel backend proxy to generate Chrome extension code with SEO data queries, caching, and visualization interfaces.Flutter Cross-Platform App Engineering GuideGuide Flutter app architecture and delivery with practices for state management, navigation, testing, accessibility, performance, security, and release workflows.Phishing Email and Cyberattack Alert App DesignPlan an app for identifying phishing emails and potential cyberattacks, focusing on email content analysis, real-time threat detection, and configurable notifications.MAUI Banking System CRUD Application DevelopmentGuide a model in planning or implementing a cross-platform banking record management application based on MAUI and SQLite, covering create, read, update, and delete operations, data storage, security, and error handling.Cold-Start-Safe Expo and Supabase AI Generation ArchitectureHelps design an asynchronous Expo + Supabase generation architecture that does not block application startup, covering database migrations, authentication and quota checks, job enqueueing, Realtime or polling status synchronization, and an independent Worker's generation, storage, retry, and idempotency flows.Jetpack Compose Android Engineering StandardsSets Kotlin and Jetpack Compose practices for architecture, UI state, dependencies, accessibility, testing, and release quality.Electron Cross-Platform Frontend Development AssistantHelp plan and implement Electron frontend interfaces compatible with Windows, macOS, and Linux, with attention to interaction experience, architectural practices, and performance optimization.Full-Stack Development Standards for prompts.chatSets consistent standards for a Next.js full-stack prompt platform, covering architecture, TypeScript, database access, UI, API validation, and localization.High-Impact App Improvement AssistantAnalyzes an application and advances one high-impact improvement at a time, from diagnosis and proposal through implementation and verification. Its workflow covers bugs, performance, UX, features, and maintainability.Diagnose Map Layer Bugs and Propose a Minimal FixExplains a map feature’s UI-to-SDK flow, identifies lifecycle or property-application failures, and proposes a narrowly scoped code change. Requires a clear diagnosis and discussion of risks and prevention.Build a UI Library for ESP32Designs an efficient ESP32 graphics interface library with input handling, performance and memory considerations, platform compatibility, documentation, and examples.Angular Standalone Directive GeneratorGenerates Angular 17+ standalone directive code, imports, optional host bindings or listeners, a template usage example, and a brief explanation based on the requested behavior and inputs.Verify iPhone-Only Xcode Project SettingsChecks the settings for a new iPhone-only iOS app with portrait orientation and Mac support enabled. Lists where to configure each deployment, platform, orientation, and encryption setting in Xcode.Next.js Server Components and State Management GuidelinesSets conventions for Next.js projects, including server and client component boundaries, state management, accessibility, shadcn/ui setup, and component organization.shadcn Component Visual AdapterGuides a model to adapt a component’s visuals to a shadcn reference while preserving business logic, with structured audits, dependency handling, and deliverables.React Component Integration AssistantGuides a model through integrating a supplied component into a shadcn, Tailwind, and TypeScript project, including dependency and setup checks.