Justin
4:22
5 Framer skills for faster, more consistent work
Framer Skills package reusable instructions for the Agent, so you can apply the same effects, design system rules, brand voice, writing standards, accessibility checks, and launch reviews across a project. Create a Skill in Project Settings, give it a clear name, description, and instructions, then adapt the examples to match how your team designs, writes, and reviews sites.
Lesson details
Create a Skill in Project Settings. Its title also becomes the slash command, its description tells the Agent when to use it, and its instructions hold the context and rules for the task. You can write those fields yourself or ask the Agent to create a first draft from the workflow you want to repeat.
Use an effects Skill to define motion rules, or a design system Skill to preserve styles, spacing, and Components when the Agent builds something new. Brand voice and writing Skills can keep terminology consistent and remove filler, vague claims, or repetition from page copy. Edit each Skill to match your project instead of treating the examples as fixed templates.
Review Skills can help you check accessibility, links, content, and responsive layouts before launch. Keep each Skill focused on one repeatable job, give the Agent enough context to act, and revise the instructions when a result misses a rule. Explore more examples on the Skills page.
Frequently asked questions
What is a Framer Skill?
A Framer Skill is a reusable set of instructions and project context for the Agent. It can define how the Agent handles a specific task, such as motion, design system reuse, brand voice, accessibility review, or launch checks, so you do not have to repeat the same requirements in each prompt.
How do I create a Skill in Framer?
Open Project Settings, select Skills, and create a new Skill. Give it a clear title, a description that says when the Agent should use it, and instructions with the rules and context for the task. The title also becomes the slash command you can call from the Agent panel.
Can the Agent create a Skill for me?
Yes. Describe the repeatable task, the rules the Agent should follow, and the project context it needs. Ask the Agent to create the Skill, then review the title, description, and instructions in Project Settings. Edit the draft so it matches your workflow and terminology.
What can I use Framer Skills for?
The lesson shows Skills for effects, design system reuse, brand voice, removing AI writing patterns, accessibility checks, and launch checks. You can create other Skills for any focused task where the Agent needs reusable instructions or project context. Keep each Skill narrow enough to test and refine.
How does the Agent know when to use a Skill?
The Skill description tells the Agent when the instructions apply, so a specific description helps it choose the right Skill for the task. You can also call the Skill through its slash command for a specific request. Update the description if the Agent loads it for the wrong requests or misses relevant ones.
Continue watching
Load more