Browse by topic

Component Library prompts

Browse curated AI prompt templates related to component library. Each prompt includes reusable variables, examples, and practical workflow ideas.

DesignerChatGPT

Component Library Audit Report

Audits an existing component library for consistency, coverage, accessibility, and documentation quality.

Audit the {{library_name}} component library. Stack: {{tech_stack}}. Components: {{component_list}}. Evaluate: (1) API consistency (prop naming, event handling, slot patterns), (2) visual consistency (spacing, color token usage, typography), (3) accessibility compliance (ARIA, keyboard support, screen reader), (4) documentation quality (props table, examples, do/don't), (5) test coverage assessment, (6) bundle size per component, (7) missing components for common use cases. Output a maturity sco...

DesignerChatGPT

Design System Documentation Writer

Writes comprehensive documentation pages for design system components including usage guidelines, do/don't examples, and API references.

Write documentation for the {{component_name}} component in {{design_system_name}}. Component purpose: {{purpose}}. Audience: {{audience}}. Include: (1) overview with when to use/when not to use, (2) anatomy diagram description, (3) variants and props table, (4) usage guidelines with 3 do's and 3 don'ts, (5) content guidelines, (6) accessibility notes (WCAG criteria, keyboard behavior, ARIA attributes), (7) code examples in {{framework}}, (8) related components and when to choose which. Tone: {{...