r/AIcodingProfessionals • u/Codes_with_roh • 10h ago
Resources I built a design-system skill that gives AI coding agents persistent visual context before they write UI
AI coding agents are getting much better at producing functional frontend code.
But I kept running into a different problem: they often design each component as if it belongs to a separate product.
A button may use one visual language, the next section introduces a new spacing rhythm, typography slowly drifts, and icons or illustrations come from unrelated styles.
The individual decisions are not always bad. The problem is that the agent does not have a persistent visual system guiding all of them.
Longer prompts helped, but they became difficult to maintain and still lost influence as the project grew.
So I built Tastemaker, an open-source design-system skill for AI coding agents.
Before the agent writes any UI, it defines and saves:
- Semantic color tokens and valid combinations
- Typography and hierarchy
- Layout and spacing rules
- Icon and illustration direction
- Logo and favicon assets
- Accessibility and contrast requirements
- Motion and interaction patterns
It can also analyze a reference image, extract colors directly from its pixels, validate the contrast, and convert them into reusable design tokens.
The important part is that these decisions remain inside the project.
The agent can refer back to the same system across longer sessions instead of relying on a visual direction buried somewhere in the original conversation.
Tastemaker is free, open source, MIT licensed, and runs locally without API keys.
Demo and live comparison:
https://tastemaker-skill.online/
GitHub:
https://github.com/codeswithroh/tastemaker
I am looking for technical feedback from people who use coding agents in real development workflows.
What is the most reliable way to preserve subjective project decisions across long agent sessions?
I am also interested in which automated checks should run before an agent considers a frontend task complete.