Prompt Buddy logoPrompt Buddy

openai · OpenAI Platform Docs

Frontend prompt instructions

Best practices and design patterns for crafting system instructions and prompts specifically tailored for frontend-facing AI interactions and user experience.

Import to Prompt Buddy

Derived skill

Files assembled from official documentation

Viewing SKILL.md

Frontend prompt instructions

Best practices and design patterns for crafting system instructions and prompts specifically tailored for frontend-facing AI interactions and user experience.

When To Use

Use when designing system prompts that govern how an AI agent interacts with end-users in a frontend application to ensure empathetic and well-structured responses.

Reference Files

FileContainsUse For
SKILL.mdEntry point: scope, routing table, and workflow.Start here.
docs/frontend-prompt-instructions-workflow-guide.mdA guide providing design patterns and empathy-driven instructions for building frontend prompts targeting GPT-5.5 and other models.Questions about a guide providing design patterns and empathy-driven instructions for building frontend prompts targeting GPT-5.5 and...
examples/frontend-prompt-instructions-openai-frontend-prompt-instructions.promptA set of system instructions designed to guide an AI model in following frontend development best practices and design empathy.Exact payloads, commands, or snippets shown in A set of system instructions designed to guide an AI model in following frontend development best practices and desig...

What This Skill Covers

  • These instructions target GPT-5.5, but many of the patterns apply to other model versions as well.
  • Main sections: Frontend guidance, Build with empathy, Design instructions.

Workflow

  1. Open the most relevant file under docs/ for the exact documented workflow and wording.
  2. Open schemas/ files for exact structured contracts.
  3. Open examples/ files for concrete requests, commands, snippets, and manifests.
  4. Do not add behavior or configuration that is not present in the attached source files.

Canonical source: https://developers.openai.com/api/docs/guides/frontend-prompt.md