Coding · Intermediate

Audit frontend code against design system specifications

Enforce design tokens, style guidelines, and accessibility constraints across UI components

Use with BotBento Markdown

Opens BotBento. Paste the prompt into a bot; nothing is preconfigured.

  1. When something happensUI pull request opened
  2. ThenCheck tokens and component rules
  3. ResultPost design audit report

Inspects frontend codebases to verify that components align with predefined design tokens, style rules, and accessibility requirements. Detects styling inconsistencies, proposes compliant component updates, and preps refactored code for review.

Prompt to start with

BotBentoRecommended
When a frontend pull request is created, examine modified interface components against the repository design token definitions and styling rules. Check color values, spacing units, typography scales, and accessibility attributes. If arbitrary values or missing labels are found, draft replacement code referencing authorized design tokens. Always wait for user approval before pushing code changes or submitting comments to the pull request.

By BotBento Editorial · Added · Updated · Suggest a correction