UX and Product Design

Create STYLE_GUIDE.md

Name: Create STYLE_GUIDE.md
Author: prompts.chat

prompts.chat December 26, 2025

0 copies 0 likes

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.

Prompt

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}

Comments

More Prompts

View all

Research

ChatGPT Web Browsing Research Agent

Structured web research using ChatGPT's browsing capability. Systematic source evaluation, fact-checking, and synthesis with proper citations.

Community

Development

ChatGPT API Integration Blueprint

Design production-ready ChatGPT API integrations. Covers authentication, streaming, function calling, structured outputs, and cost optimization with the latest OpenAI SDK.

Community

Data Analysis

Advanced Data Analysis with Code Interpreter

Step-by-step data analysis pipeline using ChatGPT's Code Interpreter. Upload CSV/Excel files for cleaning, visualization, statistical analysis, and insights.

Community

Productivity

ChatGPT Memory & Personalization Optimizer

Optimize ChatGPT's memory feature for persistent context. Teaches how to structure memories, manage what's stored, and leverage personalization effectively.

Community

Creative

DALL-E 3 Prompt Engineering Master

Generate precise, creative DALL-E 3 prompts. Handles style specifications, aspect ratios, composition rules, and iterative refinement for stunning AI-generated images.

Community

Productivity

ChatGPT Canvas Collaborative Editor

Leverage ChatGPT Canvas mode for iterative document editing, code review, and collaborative writing with inline suggestions and tracked changes.

Community