{% component %}

Attributes

Parameter	Type	Required	Description
`id`	string	✓	Unique component id within the blueprint (e.g., 'bookmark-service')
`layer`	enum	✓	controller \| service \| repository \| worker \| gateway \| store \| util \| surface \| adapter \| infrastructure \| orchestrator \| contract
`tech`	string	—	Technology or framework (e.g., 'Node.js', 'Prisma')

Valid Children

Tag	Multiplicity
`{% uses %}`	`[*]`
`{% implements %}`	`[*]`
`{% emits %}`	`[*]`
`{% listens %}`	`[*]`
`{% example %}`	`[*]`

Valid Parent Contexts

This tag is valid inside: {% blueprint %}

Declares a named architectural component. May contain \{% uses %\} children to declare structural dependencies, \{% implements %\}, \{% emits %\}, and \{% listens %\} children to wire the component to actions and events declared in domain APIs, and \{% example %\} children to illustrate usage.

The compiler validates that referenced action and event names exist in the API. The component interaction diagram on the Components aggregate page renders these relationships alongside policy-inferred reactive chains.

{% component id="bookmark-service" layer="service" tech="Node.js" %}
Orchestrates the add-bookmark flow.

{% uses component="db-repository" %}Persists bookmark records.{% /uses %}

{% implements action="add-bookmark" /%}
{% implements action="remove-bookmark" /%}

{% emits event="bookmark-added" /%}

{% listens event="user-registered" %}
Initializes default bookmarks for new users.
{% /listens %}
{% /component %}