AgentsMIT · agent-agnostic

Agents

Agent handoff

Portable files any agent can read. Patterns for Claude Code, Codex, Cursor, Windsurf, v0, Lovable, and Gemini CLI.

Workflow

  1. Generate ./build-pack/ in your project directory.
  2. Attach pack to agent context (commit, rules, or task paste).
  3. Agent implements from contract — no new visual system.
  4. Run score; agent fixes failed scorecard rows.
Generate pack
npx dzine-skill run "premium product dashboard for creative teams" --write-build-pack

Agent integrations

AgentHandoffReadsReview
Claude CodeCommit pack to repoDESIGN.md, route.json, tokensscore after first pass
CodexTask + file contextcontract JSON + DESIGN.mdrepair from scorecard
CursorProject rules / .cursor/skillsbuild-pack/lint + score in CI
WindsurfRules filebuild-pack/manual score review
v0 / Lovable / BoltPaste route + tokenspartial packmanual scorecard
Gemini CLIFile attachmentsMarkdown + JSONbrowser QA notes

Prompt pattern

Use ./build-pack as the design source of truth.
Read contract/DESIGN.md and contract/route.json first.
Follow forbidden patterns and token constraints.
Implement the page, then run:
  node packages/dzine-skill/bin/dzine-skill.mjs score --contract build-pack/contract/design-contract.json --url <your-dev-url>
Patch every failed scorecard row before final delivery.

What agents must verify

  • First viewport: product, audience, proof, single primary CTA.
  • Mobile: intentional layout, not compressed desktop.
  • States: focus, loading, empty, error where applicable.
  • Copy: no internal design notes or placeholder SaaS voice.
  • Scorecard: evidence for each PASS row.

CI integration

Commit build-pack/contract/design-contract.json and run validation in GitHub Actions (see .github/workflows/design-contract.yml). Mirror locally with ./scripts/ci-local.sh.

Optional MCP bridge: MCP docs. Fundamentals: What is DZINE?