home/coding/create-style-guide-md

Create STYLE_GUIDE.md

GPTClaudeGemini··▲ 1,525 copies·updated 2026-07-13

create-style-guide-md.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."
}

when to use it

Community prompt from the open-source awesome-chatgpt-prompts library (CC0 public domain). A proven "Create STYLE_GUIDE.md" starting point — swap in your own specifics and constraints. Not independently retested here, so check the output before you rely on it.