Skip to content

UI Consistency

Kamen Kurtev · Developer Tools

ChatGPTApp

UI Consistency makes your project's own design system something the coding agent reads before it writes UI. Ask for a page, a form or a change to one, and the agent first reads how the pages you already have are built: which shared components they use and how, the theme and its tokens, how they validate input and show errors. Then it writes the new page the same way, from a checklist, and has a separate agent compare the result with the page it follows. It works with any UI technology, including plain HTML and CSS, in a single app or a monorepo, and needs no configuration. It reads only your project; it has no server, no network access and no telemetry, and writes nothing into your repository besides the pages you asked for. It needs a project with code to read: in a conversation without one there is nothing for it to follow.

Rankings

Skills

  • accessibility
  • adjusting
  • conventions
  • decisions
  • design
  • finding-patterns
  • implementing
  • planning
  • values
  • verifying

Starter prompts

  • Add a returns page like the orders page
  • Check whether our settings pages match each other
  • Build the signup form the way our other forms are built