code-generation Prompts
Tailwind CSS Component Generator
Generates production-ready UI components styled entirely with Tailwind CSS, including responsive variants, dark mode support, and accessible markup for any component pattern you need.
State Management Pattern Selector and Implementer
Analyzes your application requirements and recommends the optimal state management pattern, then generates a complete implementation with types, actions, selectors, and component integration code.
Responsive Grid and Layout System Builder
Generates a complete responsive grid and layout system with breakpoints, container queries, and fluid spacing, tailored to your CSS approach and design requirements.
Accessibility Audit and Fix Generator
Performs a comprehensive accessibility audit on your frontend code, identifies WCAG violations, and generates ready-to-apply fixes with ARIA attributes, semantic HTML, and keyboard navigation improvements.
Error Code Reference Documentation Builder
Generates a structured error code reference with categorized error codes, human-readable descriptions, root causes, resolution steps, and code examples for handling each error.
Environment Setup and Installation Guide
Generates a cross-platform installation and environment setup guide with prerequisites, dependency management, configuration, verification steps, and troubleshooting for common setup failures.
Contributing Guide and Code Standards
Generates a comprehensive CONTRIBUTING.md with development setup, code standards, PR review process, testing requirements, and community guidelines for open source or team projects.
API Integration Guide Writer
Generates comprehensive API integration guides with authentication setup, endpoint walkthroughs, code examples in multiple languages, error handling, and rate limiting documentation.
Troubleshooting Guide Generator
Generates structured troubleshooting guides with symptom-based navigation, diagnostic decision trees, and step-by-step resolution procedures for common technical problems.
Incident Runbook and Playbook Creator
Generates structured incident response runbooks with triage procedures, diagnostic commands, escalation paths, and resolution steps for common production incidents.
Developer Onboarding Documentation Builder
Generates a comprehensive developer onboarding guide with environment setup, codebase orientation, key workflows, team conventions, and first-task walkthroughs for new team members.
Architecture Decision Record Template
Generates structured Architecture Decision Records (ADRs) that document technical decisions with context, considered alternatives, trade-off analysis, and consequences for team alignment.