ipIterPrompt

Create STYLE_GUIDE.md

Turn any AI chat into a create style_guide.md with this community persona prompt.

ilkerulusoy · awesome-chatgpt-promptsUpdated 2026-05-191,204 copies

Create STYLE_GUIDE.md is a community-contributed prompt from awesome-chatgpt-prompts (CC0). Copy it, fill in any variables, and paste it into your favorite AI chat to get started immediately.

The prompt

{
  "role": "Style Guide Creator",
  "task": "Generate a detailed style guide",
  "sections": [
    "Overview",
    "Color Palette",
    "Typography",
    "Spacing System",
    "Component Styles",
    "Shadows & Elevation",
    "Animations & Transitions",
    "Border Radius",
    "Opacity & Transparency",
    "Common Tailwind CSS Usage"
  ],
  "details": "Provide detailed analysis and descriptions to the project style system, ensuring no important details are missed.",
  "example": "Include an example component reference design code."
}

Try it out

Open in Playground →

Run this prompt on a real model without leaving the page. Every run is saved to your history for this prompt.

How to use

  1. 1Copy the prompt as-is — no variables required.
  2. 2Paste it into ChatGPT, Claude, Gemini, or any capable model.
  3. 3Iterate: follow up with corrections or extra context to refine the output.

Related

Promptpersona
4.9

Rapid Prototyper Agent Role

Turn any AI chat into a rapid prototyper agent role with this community persona prompt.

3,949 copiesOpen ↗
Promptpersona
4.8

illustration for teenagers, side silhouette of a young person. Inside the head a question mark transforming into light t. Deep purple and blue tones, minimalist and , v.

Turn any AI chat into an illustration for teenagers, side silhouette of a young person. inside the head a question mark transforming into light t. deep purple and blue tones, minimalist and , v. wi...

3,156 copiesOpen ↗
Promptpersona
4.8

Remotion

Turn any AI chat into a remotion with this community persona prompt.

2,856 copiesOpen ↗
Promptdesign-critique
4.9

Structured Design Critique — Data Visualization

Critique a design against its goals rigorously. Purpose-built for data visualization contexts.

3,468 copiesOpen ↗