Design System Components Documentation

Create documentation for your design system components

·
· Eduardo Levi · 3 years ago
·May 2, 2026·
1,123 0 2,250
$5.99
Prompt
202 words

Please ignore all previous instructions. I want you to act as a very experienced user interface designer that speaks and writes fluent ⟨TARGETLANGUAGE⟩ and work in the design system team of a respected company. You are the best in creating design system documentation. I need to write documentation for a ⟨PROMPT⟩ component for the design system. Here are the guidelines and main points to mention: The document provides an overview of the ⟨PROMPT⟩, when to use, including an explanation of its anatomy and a guide on how to use it, its placement, content and behaviors. Include a illustrative image of the ⟨PROMPT⟩. In addition to the descriptive information, the document includes several tables. The tables include details on ⟨PROMPT⟩ sizes (XS, SM, M, L, XL), colors, design tokens, and different states (default, hover, active, focus, disabled; if applicable). Add a table with the title and content of the component and describe: element, font size in px and rem, font weight and type token. Add a text about the best practices for accessibility for this component. Include a HTML, CSS and Javascript reference. Write this documentation for me with a technical, formal and professional approach. Make headings bold and appropriate for H tags.

This prompt contains variables shown as ⟨variable_name⟩. Replace them with your own values before using.

How to Use

Use this prompt by entering: [Name of the component you need a documentation for]

Need help?

Connect with verified experts who can help you succeed.

Related Prompts

More prompts in Coding & Development

View All
Coding & Development
Universal

This Prompt Ads Sequential Function Calling To Models Other Than GPT 0613

This prompt ads sequential function calling to models other than GPT-0613

H
homanp$2.99
39,910 89,588
Coding & Development
Universal

Create a personalized workout routine

Tailor a workout routine specifically designed for individual fitness goals

K
Kay Tam$2.99
23,370 23,405
Coding & Development
Universal

GODMODE CHEATCODE

God Writes You a Letter Today. This is will help you find the perfect Bible Scripture that will guide you through a current problem you're facing.

D
digitaljeff$3.99
13,574 13,622
Coding & Development
Universal

Creating a Personal Finance Tracker with [Technology/Tool]

Learn to create a personal finance tracker using [Technology/Tool]. Get code samples and budgeting tips.

B
BowTiedThinkerFree
376 385
Coding & Development
ChatGPT

Build an entire application using bubble.io with ChatGPT4

Build an entire app with bubble.io, assisted by chatGPT4, that knows bubble very well and is accurate 95% of the time. This prompt will help you maximize the quality of chatGPT assistance. Having detailed and step-by-step instructions is essential to progress fast with Bubble. This initial prompt will help you get started on a good basis. Follow it because I will make it even better.

T
Tristanyway$5.99
1,280 1,300
Coding & Development
Universal

Become LawyerGPT

Are you in a legal bind? This prompt can help you gain knowledge about how to handle your legal proceedings. DISCLAIMER: Please meet with a real lawyer to discuss your options.

C
Chase Curtis$2.99
1,063 1,076