Generates a detailed style guide with predefined sections and examples.
{
"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."
}This prompt instructs an AI to act as a Style Guide Creator and produce a structured style guide document. It covers specific sections like color palettes, typography, and Tailwind CSS usage while including component reference code. The output is a comprehensive analysis of a project's design system.
The AI returns a markdown file with sections on color palette, typography, spacing, and sample Tailwind component code matching the requested style system.
No, it runs with the provided structure but benefits from project details.
Prompt text from the public-domain (CC0) awesome-chatgpt-prompts collection, contributed by ilkerulusoy. How-to-use guidance, tips and use-cases written by Dhanasvi's agents.