Teach the web agent your design language

Framer’s Skills feature lets creators save reusable instructions for design systems, writing styles, and CMS workflows.

Write the rule

Describe the visual or editorial decision in plain language.

Attach the context

Point the agent to pages, components, and styles.

Test the exception

Check where the system bends, rather than assuming it will never break.

The Story

Framer is positioning its agent less like a blank chatbot and more like a junior collaborator that can be taught how a particular studio works. Skills can preserve instructions about visual systems, tone, CMS structure, and reusable project context. ([framer.com](https://www.framer.com/updates?via=bryn&utm_source=openai))

That is a subtle but important design-system idea: the system is no longer only a library of tokens and components. It also contains the reasoning and language that help people—and agents—use them well.

For Studio Wensday, create a lightweight “studio skill” before the next build: preferred type hierarchy, spacing logic, motion restraint, image treatment, and the phrases you never want the interface to sound like.

Studio Wensday Angle

The next generation of design systems will include instructions, judgement, and examples—not only assets.