Skip to main content

Overview

This prompt library provides developers with a set of verified AI prompt templates covering all stages of software development. These templates are designed to help you use Nextd more efficiently for project development, from project initiation to feature implementation and code optimization.

Project Initialization

New Project Setup

When starting a new project, use the following prompt template to clarify project specifications and technology stack:
I need to create a [project type] application. Core features include:
- [Feature 1]
- [Feature 2]
- [Feature 3]

Technical requirements:
- Frontend: [tech stack]
- Backend: [if needed]
- Database: [if needed]

Please help me create the basic project structure and implement [specific first feature].

Task Management Application Example

Create a modern task management application with the following features:
- Users can create, edit, and delete tasks
- Task status management (todo, in progress, completed)
- Task priority settings
- Clean and intuitive user interface

Use React and TypeScript with responsive design. First implement basic CRUD operations for tasks.

UI/UX Design

Interface Optimization

Focus on improving visual design without changing existing functional logic:
Please optimize the current application's visual design with requirements:
- Keep all existing functionality unchanged
- Improve interface aesthetics and professionalism
- Enhance user experience and interaction flow
- Ensure design meets modern UI/UX standards

Focus on design improvements for [specific component or page].

Accessibility Design

Add accessibility support to the application:
- Add appropriate ARIA labels
- Ensure keyboard navigation usability
- Provide suitable color contrast ratios
- Support screen readers
- Add focus management

Responsive Design

Mobile-First

Create interfaces that adapt to different screen sizes:
Convert the application to mobile-first responsive design:
- Use standard breakpoints (sm: 640px, md: 768px, lg: 1024px, xl: 1280px)
- Ensure usability on all devices
- Optimize touch interaction experience
- Maintain functional completeness

Focus on optimizing the mobile experience for [specific page or component].

Code Refactoring

Performance Optimization

Clean and optimize code without changing functionality:
Refactor the following code to improve performance and readability:
- Break down complex components into smaller reusable components
- Optimize rendering performance
- Improve code structure and naming
- Add appropriate TypeScript types
- Ensure all existing functionality remains unchanged

[Paste code that needs refactoring]

Progressive Refactoring

Perform progressive refactoring on [component name]:
1. Identify parts that can be improved
2. Refactor gradually, changing only one aspect at a time
3. Ensure functionality works correctly after each refactoring step
4. Improve code maintainability and testability

Feature Planning

Complex Feature Implementation

Create detailed implementation plans before starting to code:
I need to implement [feature description]. Please help me create a detailed implementation plan:

1. Analyze functional requirements and technical challenges
2. Design data structures and API interfaces
3. Determine component architecture and state management strategy
4. List implementation steps and priorities
5. Identify potential technical risks

Don't start coding immediately, first ensure we have a complete implementation strategy.

State Management

Implement state management solution for the application:
- Use [Context API/Zustand/Redux etc.]
- Clear state structure design
- Reasonable state update logic
- Performance optimization considerations
- TypeScript support

Application Type Templates

E-commerce Application

Create an e-commerce application including:
- Product display and search functionality
- Shopping cart management
- User authentication and profiles
- Order management system
- Payment integration (Stripe)

Use modern design and responsive layout.

Content Management System

Develop a content management system:
- Rich text editor
- File upload and management
- User permission control
- Content categorization and tagging
- SEO optimization features

Data Analytics Dashboard

Build a data analytics dashboard:
- Interactive charts and visualizations
- Real-time data updates
- Customizable component layouts
- Data filtering and search
- Export functionality

Integration Guides

Supabase Backend Integration

Integrate Supabase as backend service:
- Set up database schema
- Implement user authentication
- Configure row-level security policies
- Set up real-time subscriptions
- Add file storage functionality

Start with user authentication and basic data operations first.

Workflow Optimization

Development Efficiency Enhancement

Optimize current development workflow:
- Automate repetitive tasks
- Improve code organization structure
- Establish consistent coding standards
- Set up effective testing strategies
- Configure development environment tools

Collaboration Workflow

Establish team collaboration best practices:
- Code review process
- Branch management strategy
- Documentation and commenting standards
- Issue tracking and resolution process
- Knowledge sharing mechanisms

Best Practice Tips

Effective Prompt Writing

  1. Be Specific and Clear: Provide clear requirement descriptions and expected results
  2. Stay Focused: Handle one main task or feature at a time
  3. Provide Context: Include relevant technology stack and project background information
  4. Set Constraints: Clearly define limitations and unchangeable requirements
  5. Iterate and Improve: Adjust and optimize prompts based on result feedback

Mode Selection Guide

  • Default Mode: Suitable for clear development tasks and feature implementation
  • Chat Mode: Suitable for exploratory discussions and complex problem solving
  • Knowledge Base Mode: Suitable for development tasks based on project-specific information

Project Documentation Recommendations

Create and maintain the following documentation in your project:
  • Project requirements and specifications
  • Technical architecture and design decisions
  • API documentation and data models
  • Deployment and operations guide
  • Common problem solutions

By using these prompt templates, you can more efficiently utilize Nextd for software development, ensuring project quality and development efficiency. Remember to adjust and customize these templates according to specific project requirements.