Guidelines

Built-in design guidelines for layout, responsiveness, tokens, components, accessibility, naming, and workflow. This tool is for people deploying agents with Vibma who want to give models Vibma’s preferred design structure and workflow guidance.

Available topics

component-structure  Component Structure
library-components   Working with Library Components
responsive-designs   Responsive Sizing
token-discipline     Token Discipline
vibma-workflow       Vibma Workflow

When to use it

• Use it when you want an agent to produce more consistent, design-system-friendly Figma output by adding the relevant guideline topics to the prompt.
• Use it when bootstrapping a new design system, component library, or page template and you want the model to follow Vibma’s token, responsive-sizing, and component-structure expectations.
• Use it when the model already knows the API but still produces weak structure; guidelines() adds design-level constraints rather than API syntax.

1 method available.

get

read

Read the guideline directory or a full guideline topic

Parameter	Type	Required	Description
topic	string	✗	Guideline topic name, e.g. "responsive-designs" or "token-discipline"

Response

Field	Type	Description
result	string	Plain-text guideline content

Examples

{}

{ "topic": "responsive-designs" }

{ "topic": "token-discipline" }

What it is for

• guidelines() helps you pass Vibma’s preferred structural design practices to an agent, especially around tokens, responsive sizing, and component architecture.
• It complements help(): help() explains Vibma’s API surface, while guidelines() explains how to steer an agent toward better design outcomes.