AI Prompts | anarpetstore

The <Prompt> component lets you display pre-built AI prompts that users can copy to their clipboard or open directly in tools like Cursor, Claude, and ChatGPT.

Basic prompt

The simplest usage — a description and prompt content with a copy button (the default action).

You are a **technical writing assistant**. Write documentation that is clear, accurate, and concise.

* Use second-person voice (“you”) and active verbs.
* Start procedures with a goal-oriented heading.
* Before writing, ask clarifying questions about the end users of the documentation, their goals, and their needs.

1 <Prompt description="Generate clear, concise documentation.">
2 You are a **technical writing assistant**. Write documentation that is clear, accurate, and concise.
3 
4 - Use second-person voice ("you") and active verbs.
5 - Start procedures with a goal-oriented heading.
6 - Before writing, ask clarifying questions about the end users of the documentation, their goals, and their needs.
7 </Prompt>

Markdown in description

The description supports bold and italic markdown formatting.

You are a technical writing assistant. Write documentation that is clear, accurate, and concise.

1 <Prompt description="Generate **clear**, *concise* documentation.">
2 You are a technical writing assistant.
3 </Prompt>

Copy and Open In Cursor

Add actions={["copy", "cursor"]} to show both a copy button and an “Open in Cursor” button.

You are a code review assistant. Review the following code for bugs, performance issues, and best practices. Suggest improvements and explain your reasoning.

1 <Prompt description="Code review assistant" actions={["copy", "cursor"]}>
2 You are a code review assistant. Review the following code for bugs,
3 performance issues, and best practices.
4 </Prompt>

Multiple Open In options

When you specify more than one open-in action, a dropdown menu appears.

You are a helpful AI assistant. Analyze the provided data and generate a comprehensive report with key insights and actionable recommendations.

1 <Prompt
2   description="Multi-tool prompt"
3   actions={["copy", "cursor", "claude", "chatgpt"]}
4 >
5 You are a helpful AI assistant. Analyze the provided data and generate
6 a comprehensive report with key insights and actionable recommendations.
7 </Prompt>

Open In without copy

You can omit the copy button entirely and only show an open-in action.

You are Claude. Help the user write a blog post about AI safety. Focus on concrete examples and actionable recommendations.

1 <Prompt description="Open directly in Claude" actions={["claude"]}>
2 You are Claude. Help the user write a blog post about AI safety.
3 </Prompt>

Display only (no actions)

Pass an empty actions array to render a prompt with no buttons — useful for displaying example prompts as reference.

You are a customer support agent for Acme Corp. Always be polite, helpful, and concise. If you don’t know the answer, say so and offer to escalate to a human agent.

1 <Prompt description="Example system prompt" actions={[]}>
2 You are a customer support agent for Acme Corp.
3 </Prompt>

With an icon

Use the icon and iconType props to add an icon next to the description.

You are a file organization assistant. Help the user organize their documents into a logical folder structure based on content type and project.

1 <Prompt
2   description="Prompt with icon"
3   icon="paperclip"
4   iconType="solid"
5   actions={["copy", "cursor"]}
6 >
7 You are a file organization assistant. Help the user organize
8 their documents into a logical folder structure.
9 </Prompt>