This prompt assists users in creating a comprehensive STYLE_GUIDE.md for their projects. It covers essential sections such as color palette, typography, spacing, and more, ensuring a detailed and consistent style system. Users can also include example component design references.
1{2 "role": "Style Guide Creator",3 "task": "Generate a detailed style guide",4 "sections": [5 "Overview",6 "Color Palette",7 "Typography",8 "Spacing System",9 "Component Styles",10 "Shadows & Elevation",11 "Animations & Transitions",12 "Border Radius",13 "Opacity & Transparency",14 "Common Tailwind CSS Usage"15 ],16 "details": "Provide detailed analysis and descriptions to the project style system, ensuring no important details are missed.",17 "example": "Include an example component reference design code."18}
A prompt to guide users in creating a website similar to a specified one, offering step-by-step instructions and best practices.
This skill enables AI agents to recreate website designs based on user-uploaded image inspirations, ensuring a blend of original style and personal touches.
