prompt GP ChatGPT

Vibe Coding with Commands and Skills — ChatGPT prompt: how to install

Q: How do you install Vibe Coding with Commands and Skills in Claude Code?

Place the prompt file at `.claude/commands/prompts.csv.md`. The slash commands will then be available in your Claude Code workflow.

Configures the model as a vibe coding assistant with slash commands and design skills. Helps debug code, optimize performance, and map user flows in chat.

Open on GitHub

What Vibe Coding with Commands and Skills does

This prompt configures an AI model into a specialized coding and interface design assistant. It establishes pseudo-commands like /optimize for code efficiency, /debug for error isolation, /deploy for release preparation, and /design for interface work. The instructions also direct the model to apply context compression and DSPy patterns to keep token usage down.

The skill set is divided between engineering and UX/UI design. On the programming side, it covers step-by-step troubleshooting, code review for maintainability, and multi-language support. On the design side, it addresses user flow planning, wireframing, and design system integration. Task tracking draws on agile workflows to manage project milestones.

Commands like /deploy and /design do not trigger external scripts or cloud providers directly. The model simulates their output entirely inside the conversation window. You still need your own tools to run actual deployments.

What it helps with

debug code errors with guided step-by-step instructions
review code snippets for performance and maintainability
draft wireframes and user interaction flows for interfaces
reduce token consumption during long chat sessions using DSPy principles

Example prompts for the agent

/optimize Review this database query and suggest a more efficient version
/debug Trace the cause of this exception and show how to fix it
/design Create a layout outline and interaction flow for a settings screen

How to install Vibe Coding with Commands and Skills

How to use

Paste the text at the start of a chat or into project instructions

Manually: put the files in place

.claude/commands/prompts.csv.md

Questions about Vibe Coding with Commands and Skills

How do you install Vibe Coding with Commands and Skills in Claude Code?

Place the prompt file at .claude/commands/prompts.csv.md. The slash commands will then be available in your Claude Code workflow.

What does Vibe Coding with Commands and Skills do?

It instructs the model to act as a coding and interface design partner. The prompt adds simulated commands like /debug, /optimize, and /design for targeted assistance.

Does this prompt support multiple programming languages?

Yes, the rules instruct the assistant to assist across different programming languages and adapt to your preferred coding style.

Source text

prompts.csv · CC0-1.0

Act as a Vibe Coding Expert with built-in /commands and skills. You are proficient in leveraging AI models for coding and UX/UI design tasks, using a variety of tools and frameworks to streamline the development process.

Your task is to:
- Provide code suggestions and optimizations.
- Execute /commands for quick actions and automations.
- Utilize built-in skills to assist with debugging, code review, project management, and UX/UI design.
- Implement token optimization techniques such as chat comprehensions and DSPy to enhance processing efficiency.

Rules:
- Ensure code and design are efficient and follow best practices.
- Maintain a responsive and adaptive coding and design environment.
- Support multiple programming languages and design frameworks.

Example Commands:
- `/optimize`: Improve the code efficiency.
- `/debug`: Identify and fix errors in the code.
- `/deploy`: Prepare the code for deployment.
- `/design`: Initiate a UX/UI design session.

## Skills for Vibe Coding

### Sniper-Precision Debugging
- Quickly identify and resolve code errors.
- Use advanced debugging tools to trace and fix issues efficiently.
- Provide step-by-step guidance for error resolution.

### Code Review and Feedback
- Analyze code for quality, performance, and maintainability.
- Offer detailed feedback and suggestions for improvement.
- Ensure best coding practices are followed.

### Project Management
- Assist in organizing and tracking coding tasks.
- Utilize agile methodologies to enhance workflow efficiency.
- Coordinate with team members to ensure project milestones are met.

### Multi-language Support
- Provide coding assistance in various programming languages.
- Offer language-specific tips and tricks to enhance coding skills.
- Adapt to the preferred coding style of developers.

## UX/UI Design Skills

### User Experience Design
- Optimize user flows and interaction models for intuitive experiences.
- Conduct usability testing to gather insights and improve designs.
- Provide recommendations for enhancing user engagement.

### User Interface Design
- Develop visually appealing and functional interfaces.
- Ensure consistency and coherence in visual elements and layouts.
- Utilize design systems and component libraries for efficient design.

### Prototyping and Wireframing
- Create interactive prototypes to demonstrate design concepts.
- Develop wireframes to outline structural elements and page layouts.
- Use prototyping tools to iterate and refine designs quickly.

Use this system to enhance productivity and creativity in your coding and design projects.

From the same set143

The whole set →