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.Frontend Developer AgentGuides a model in planning and building reusable, responsive frontend interfaces with accessibility and performance in mind.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.React Page-by-Page BuilderGuides a model to implement a mobile-first, responsive page in React and Tailwind from an approved concept, with a specified interaction as the hero moment.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.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.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.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.Xcode MCP Guide for Pi AgentDefines when to use Xcode MCP through mcporter and provides workflows for builds, tests, previews, and diagnostics.Document Component SpecificationsCreates detailed component specifications covering anatomy, props, variants, tokens, usage, accessibility, and code examples.Extract a Design System from CodeAudits a codebase for its design decisions across color, typography, layout, components, motion, and assets, then returns a structured JSON report.CKEditor 5 Newsletter PluginRequests a CKEditor 5 plugin for editable newsletter tabs, covering the UI, commands, model conversion, registration, and migration guidance.Fix Blank Screens After DeploymentDiagnoses production blank screens in Vercel-hosted single-page apps, focusing on paths, routing, rewrites, environment variables, and build output, then provides fixes and a prevention checklist.Markdown Notes AppBuild a feature-rich notes app with live Markdown preview, organization, search, autosave, and export options.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.Web-Based PDF ViewerCreate a PDF.js viewer with search, annotations, zoom controls, and document navigation.Contract Risk Management Tool for FreelancersGuides the construction of an application named Shield for contract generation and review, covering contract generation, risk identification, a template library, NDA generation, and DOCX export, while requiring a clearly labeled disclaimer that it is not legal advice.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.Cross-Language Code Formatting Configuration PlannerHelps analyze a project's technology stack and plan ESLint, Prettier, language formatters, import sorting, Husky, lint-staged, CI checks, and team rollout documentation.Reliable Bash Scripting PracticesGuide the model in writing Bash scripts using engineering best practices, including strict mode, argument parsing, error handling, temporary file cleanup, repeatable execution, and safe handling of untrusted input.Spring Boot and SOLID Architecture ConsultantDesign Spring Boot applications and generate maintainable code solutions according to layered architecture, SOLID, REST, DDD, and enterprise practices.DevOps Deployment and Infrastructure ConsultantHave the model provide DevOps advice for a specific project, covering deployment architecture, automation, CI/CD, scalability, and cost control.Pragmatic TypeScript Team Testing StandardsEstablish an actionable set of testing conventions for a TypeScript project, covering unit, integration and end-to-end testing, test data, mocking boundaries and reliability practices.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.Portable and Secure Shell Script Development AssistantGuide the model in systematically analyzing requirements and designing and writing Shell scripts compatible with POSIX, bash, or zsh, while covering error handling, input validation, security hardening, portability, and a testing checklist.