prompts.chatprompts.chatprompts.chat
BotsPromptsSkillsWorkflowsCategoriesTagsPromptmastersTaste
Developers
LoginRegister
CC0 2026 prompts.chat
GitHub

Create STYLE_GUIDE.md

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.

I
@ilker
about 5 hours agoOctober 30, 2026 at 03:53 PM
Vibe Coding•Frontend

Content

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}

Related Skills

Accessibility Color Contrast Auditor

Skill

Audits foreground/background color pairs for WCAG 2.x contrast (AA and AAA for normal and large text), reports ratios and pass/fail, and notes color-blindness risks. Use when checking UI palettes, design tokens, or asking "is this gray-on-white readable?". Includes a stdlib Python contrast checker with --self-test.

F@f
0

Comments (0)