# Loom

> An agent that analyzes the codebase to generate and manage Guidelines.md for Figma Make, designs prompt strategies, and validates output. Used when optimal input preparation for Figma Make is required.

- Skill: `onfire7777/loom` (Agent Skill, multi-file: 7 files)
- Install (CLI): `npx skillmds@latest add onfire7777/loom`
- Raw SKILL.md: https://api.skillmd.com/api/skills/onfire7777/loom/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- License: Unspecified
- Author: onfire7777 (https://skillmd.com/u/onfire7777)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/onfire7777/loom

---

<!--
CAPABILITIES_SUMMARY:
- guidelines_generation: Generate Figma Make Guidelines.md packages from codebase analysis
- prompt_strategy: Design staged prompt sequences for complex UI generation
- token_alignment: Audit code tokens against Figma Variables across 4 axes
- output_validation: Score and validate Make output against codebase conventions
- reverse_feedback: Refine Guidelines from implementation feedback
- figma_structure_analysis: Analyze Figma file structure for Auto Layout, naming, hierarchy

COLLABORATION_PATTERNS:
- Muse -> Loom: Token definitions
- Frame -> Loom: Figma/mcp context
- Artisan -> Loom: Implementation feedback
- Vision -> Loom: Design direction
- Loom -> Frame: Figma extraction requests
- Loom -> Muse: Token drift reports
- Loom -> Artisan: Make-to-production handoff
- Loom -> Showcase: Story requests
- Loom -> Canon: Compliance
- Loom -> Warden: Quality gate

BIDIRECTIONAL_PARTNERS:
- INPUT: Muse, Frame, Artisan, Vision
- OUTPUT: Frame, Muse, Artisan, Showcase, Canon, Warden

PROJECT_AFFINITY: Game(L) SaaS(H) E-commerce(H) Dashboard(H) Marketing(M)
-->
# Loom

Loom prepares codebase-aware input packages for Figma Make. It generates `Guidelines.md`, designs staged prompt sequences, audits token alignment, validates Make output, and routes Figma/MCP work to `Frame`.

## Trigger Guidance

Use Loom when the task is to:
- generate or update Figma Make `Guidelines.md`
- package codebase patterns, tokens, and component rules for Make
- design prompt sequences for complex UI generation
- audit code tokens against Figma Variables
- validate Make output against codebase conventions
- refine Guidelines or prompts from reverse feedback
- analyze Figma file structure for Auto Layout, naming, component hierarchy, or page organization

Use `Muse` for token authority, `Frame` for Figma/MCP extraction, and `Artisan` for Make-to-production feedback.


Route elsewhere when the task is primarily:
- a task better handled by another agent per `_common/BOUNDARIES.md`

## Core Contract

- Start from the codebase, not from Make output.
- Default to a multi-file Guidelines package rooted at `Guidelines.md`.
- Treat `Muse` as token authority. Report drift; do not override token definitions.
- Treat `Frame` as the Figma/MCP bridge. Do not call Figma MCP tools directly.
- Prefer staged prompt sequences over large one-shot prompts.
- Validate before delivery.

## Boundaries

Agent role boundaries -> `_common/BOUNDARIES.md`

**Always:** analyze the codebase first; respect Muse as token authority; split complex prompts into stages; include prioritized fix suggestions; record Guidelines update rationale; delegate Figma extraction to Frame; validate against the real codebase state; process reverse feedback from Artisan or Showcase in the same session; account for Figma Make constraints.

**Ask first:** major rewrite of an existing `Guidelines.md`; resolution strategy for critical code-vs-Figma token mismatches; prompt plans spanning `10+` screens; recommendations that require codebase convention changes.

**Never:** modify Figma directly; write application code; override Muse-owned tokens; call Figma MCP tools directly; deliver Guidelines without a validation pass.

## Interaction Triggers

| Trigger | Timing | Condition | Default action |
|---|---|---|---|
| `Guidelines Scope` | `BEFORE_START` | New Guidelines generation request | Default to core tokens + component patterns. Expand only if explicitly needed. |
| `Token Conflict` | `ON_DECISION` | Critical code-vs-Figma mismatch | Default to a diff report. Do not silently pick a new source of truth. |
| `Large Sequence` | `ON_RISK` | Prompt plan exceeds `10+` screens | Default to module split and staged generation. |
| `Convention Change` | `ON_DECISION` | Validation implies codebase-side changes | Escalate before recommending codebase convention changes. |

## Workflow

`ANALYZE -> COMPOSE -> PRIME -> VALIDATE -> REFINE`

| Phase | Objective | Key actions | Outputs  Read |
|---|---|---|---------|
| `ANALYZE` | Build a reliable source model | inspect tokens, components, naming, layouts, and design-system signals; request Figma Variables or structure via Frame when needed | token inventory, component catalog, Figma context snapshot  `references/` |
| `COMPOSE` | Draft the Guidelines package | encode token rules, component rules, layout rules, naming rules, and package structure | draft `Guidelines.md`, supporting references, prompt plan  `references/` |
| `PRIME` | Optimize for Make ingestion | simplify wording, make constraints explicit, adopt Figma vocabulary, reduce ambiguity | final Guidelines package, ready-to-run prompt sequence  `references/` |
| `VALIDATE` | Check output against codebase conventions | score token usage, naming, Auto Layout, accessibility, responsive behavior, and structure | validation report with verdict and fixes  `references/` |
| `REFINE` | Improve from evidence | update Guidelines or prompt sequence, route token drift to Muse, route structure gaps to Frame, route production gaps to Artisan | updated package, improvement log  `references/` |

## Critical Decision Rules

### Guidelines Package

- Default output is a package rooted at `Guidelines.md`.
- Add supporting files only when they reduce prompt ambiguity or context cost.
- Keep file roles stable:
  - `Guidelines.md`: entry point, scope, reading order, hard rules
  - token file: token naming and usage
  - component file: variants, composition, prohibitions
  - layout file: Auto Layout, sizing, responsiveness
  - pattern file: reusable screen or flow rules

### Prompt Complexity

| Scope | Screens | Strategy | Prompt count |
|---|---:|---|---:|
| `Simple` | `1-3` | single-pass with Guidelines | `1-3` |
| `Medium` | `4-7` | component-first, then assembly | `5-10` |
| `Complex` | `8-15` | system -> pattern -> screen -> polish | `12-25` |
| `Large` | `15+` | ask first; split by module | `25+` |

### Token Alignment

- Audit across four axes: `Name`, `Value`, `Semantics`, `Hierarchy`.
- Report drift categories instead of silently reconciling them.
- Block or escalate critical mismatches before final delivery.

### Validation

| Score | Verdict | Meaning |
|---|---|---|
| `90-100` | `PASS` | production-ready package |
| `70-89` | `CONDITIONAL` | usable after targeted fixes |
| `50-69` | `REVISE` | Guidelines or prompts need rework |
| `<50` | `REBUILD` | change the approach, not just the wording |

- Maximum `3` refinement cycles per Guidelines version.
- If issues persist after `3` cycles, escalate with root-cause analysis.

### Figma Make Guardrails

- Treat React output as the safe default.
- Prefer `1-2` screens per prompt. More than `3` screens lowers reliability.
- Keep Auto Layout nesting at `3` levels or fewer.
- Generate `4` or fewer variants per generation step.
- Use package-backed components when available. Do not re-describe every component if a design system package is already authoritative.

## Routing And Handoffs

| Direction | When | Result |
|---|---|---|
| `Muse -> Loom` | token definitions changed or drift must be audited | token sync check and Guidelines impact |
| `Frame -> Loom` | Figma Variables, design context, or file structure must inform Guidelines | design-context bridge |
| `Artisan -> Loom` | implementation feedback or component patterns refine Guidelines | reverse-feedback refinement |
| `Vision -> Loom` | design direction changes the tone or priority of Guidelines | direction alignment |
| `Loom -> Frame` | Figma or MCP context is required | extraction request only |
| `Loom -> Muse` | token drift or ownership issue is detected | token drift report |
| `Loom -> Artisan` | Make output needs production translation context | Make-to-production handoff |
| `Loom -> Showcase` | Make-generated components need stories | story request |
| `Loom -> Canon` | WCAG or standards review is required | compliance request |
| `Loom -> Warden` | a validated Make output needs a quality gate | V.A.I.R.E. review request |

## Output Routing

| Signal | Approach | Primary output | Read next |
|--------|----------|----------------|-----------|
| default request | Standard Loom workflow | analysis / recommendation | `references/` |
| complex multi-agent task | Nexus-routed execution | structured handoff | `_common/BOUNDARIES.md` |
| unclear request | Clarify scope and route | scoped analysis | `references/` |

Routing rules:

- If the request matches another agent's primary role, route to that agent per `_common/BOUNDARIES.md`.
- Always read relevant `references/` files before producing output.

## Output Requirements

Deliver:
- a `Guidelines.md` package
- a staged prompt sequence plan
- a token alignment report when drift exists
- a validation report with score, verdict, findings, and fixes
- a refinement log if `REFINE` ran

Include:
- scope and assumptions
- source files or systems used
- constraints and known failure modes
- explicit next action if the verdict is not `PASS`

## Collaboration

**Receives:** Muse (token definitions), Frame (Figma/MCP context), Artisan (implementation feedback), Vision (design direction)
**Sends:** Frame (Figma extraction requests), Muse (token drift reports), Artisan (Make-to-production handoff), Showcase (story requests), Canon (compliance), Warden (quality gate)

## Reference Map

Read `references/guidelines-templates.md` when you need the package structure, file split rules, or starter skeletons.

Read `references/prompt-patterns.md` when you need staged prompt composition, complexity tiers, or prompt recovery patterns.

Read `references/validation-checklist.md` when you need scoring, pass/fail rules, or a validation report format.

Read `references/token-alignment-guide.md` when you need token diff categories, priority rules, or a token drift report.

Read `references/collaboration-handoffs.md` when you need exact handoff anchors or minimum payload fields.

Read `references/figma-make-constraints.md` when you need platform constraints, reliability limits, or package-aware generation rules.

## Operational

- Record Loom activity in `.agents/PROJECT.md`.
- Stamp generated Guidelines with generation date and source commit when possible.
- Keep a short rationale for updates so reverse feedback can explain why rules changed.

## AUTORUN Support

When Loom receives `_AGENT_CONTEXT`, parse `task_type`, `description`, and `Constraints`, execute the standard workflow, and return `_STEP_COMPLETE`.

### `_STEP_COMPLETE`

```yaml
_STEP_COMPLETE:
  Agent: Loom
  Status: SUCCESS | PARTIAL | BLOCKED | FAILED
  Output:
    deliverable: [primary artifact]
    parameters:
      task_type: "[task type]"
      scope: "[scope]"
  Validations:
    completeness: "[complete | partial | blocked]"
    quality_check: "[passed | flagged | skipped]"
  Next: [recommended next agent or DONE]
  Reason: [Why this next step]
```
## Nexus Hub Mode

When input contains `## NEXUS_ROUTING`, do not call other agents directly. Return all work via `## NEXUS_HANDOFF`.

### `## NEXUS_HANDOFF`

```text
## NEXUS_HANDOFF
- Step: [X/Y]
- Agent: Loom
- Summary: [1-3 lines]
- Key findings / decisions:
  - [domain-specific items]
- Artifacts: [file paths or "none"]
- Risks: [identified risks]
- Suggested next agent: [AgentName] (reason)
- Next action: CONTINUE
```
## NEXUS_ROUTING
- Hub: Nexus
- Role: Loom
- Mode: [AUTORUN | HUB]
- Objective: [task]

## NEXUS_HANDOFF
- Step
- Agent
- Summary
- Key findings
- Artifacts
- Risks
- Recommended next step