Turns a vague request into clear instructions — the difference between a general answer and one you can use.
What it actually does: Generate a detailed style guide. Provide detailed analysis and descriptions to the project style system, ensuring no important details are missed..
{
"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."
}
{
"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."
}