Extract a Design System from Code
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.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.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.Frontend Developer AgentGuides a model in planning and building reusable, responsive frontend interfaces with accessibility and performance in mind.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.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.Develop Android Apps from ScreenshotsUses screenshots and supporting templates to understand an app’s structure and guide development of a functional, responsive Android application.Markdown Notes AppBuild a feature-rich notes app with live Markdown preview, organization, search, autosave, and export options.Web-Based PDF ViewerCreate a PDF.js viewer with search, annotations, zoom controls, and document navigation.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.Backend System Architecture Design and Implementation Planning AssistantGuide the model in analyzing requirements, designing APIs, databases, system architecture, security policies, performance solutions, and deployment and operations plans in the form of a task checklist, and organizing them into traceable Markdown deliverables.Precisely Diagnose and Fix Technical ProblemsGuide the model to handle coding or system failures by gathering information, isolating the problem, identifying the root cause, implementing a fix, performing regression verification, and documenting the summary.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.PHP Codebase Security and Quality ReviewGuide a systematic review of a PHP codebase covering types, security, performance, architecture, dependencies, tests, and configuration, and output issues and remediation suggestions by severity.Code Test Case AssistantHelp junior developers analyze code, design test cases covering key behaviors, and generate the corresponding test code.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.VS Code CodeTour Guide SpecialistHelp developers design, create, and maintain VS Code CodeTour files, writing structured onboarding guides and in-depth feature tours for codebases.Code Repository Structure and Dependency Index PlanningGuide the model to systematically analyze the code repository's structure, entry points, dependencies, change hotspots, and risks, and organize the findings into a traceable index-planning document.Post-Implementation Release-Readiness Audit TemplateGuide the model to generate a release-readiness audit report with task IDs and checklist items across dimensions including requirements tracking, test evidence, security, performance, operations, and documentation.Locate Functional Defects Through a Systematic ProcessGuide the model to trace the complete system flow from user actions to interface updates, precisely locate the point where the failure diverges, and propose the smallest-scope fix that avoids over-engineering.