Skip to content

Add governed-repair catch GIF to README#11

Merged
ryandmonk merged 1 commit into
mainfrom
claude/add-dspack-studio-catch-gif-12e214
Jul 13, 2026
Merged

Add governed-repair catch GIF to README#11
ryandmonk merged 1 commit into
mainfrom
claude/add-dspack-studio-catch-gif-12e214

Conversation

@ryandmonk

Copy link
Copy Markdown
Contributor

What

Adds docs/assets/dspack-studio-catch.gif and embeds it in the README directly after the opening paragraph, before the Status line.

The GIF is a 13-second loop of the governed-repair catch from fixture-001: an agent proposes a destructive-action surface without an AlertDialog, the S3 gate fails with rule.destructive-requires-alertdialog, a repair message is sent, and the repaired surface renders.

Why

The README leads with an abstract description of governed generation and repair. The GIF shows the actual catch-and-repair loop in the studio, so a reader sees what "invalid patterns are explained and repaired" looks like before reading the details.

Notes for reviewers

  • The GIF is committed as-is (2.5 MB, GIF89a 1280×831) — no recompression or resizing. It's under GitHub's render limit.
  • Referenced by a relative path so it renders on forks and clones, not just this repo.
  • Alt text describes the full catch-and-repair sequence for accessibility.
  • Verified the image renders on the branch's README page on GitHub before opening this PR.

🤖 Generated with Claude Code

Embed docs/assets/dspack-studio-catch.gif (fixture-001 governed-repair
catch) after the opening paragraph, referenced by relative path so it
renders on forks and clones.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Copilot AI review requested due to automatic review settings July 13, 2026 18:36

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR updates the project’s top-level documentation to visually demonstrate the governed “catch-and-repair” loop by embedding a short animation near the top of the README.

Changes:

  • Add a new demo GIF asset under docs/assets/.
  • Embed the GIF in README.md immediately after the opening paragraph (before the Status section).

Reviewed changes

Copilot reviewed 1 out of 2 changed files in this pull request and generated 1 comment.

File Description
README.md Embeds the new governed-repair “catch” GIF near the top of the README.
docs/assets/dspack-studio-catch.gif Adds the demo animation asset referenced by the README.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread README.md

The design system governs what the agent ships. An agent proposes an interface; the design system checks it; invalid patterns are explained and repaired, with the rule and its written rationale on the record. dspack-studio is the flagship experience for the open AI-native frontend ecosystem: generation under a dspack contract, streamed over AG-UI as A2UI surfaces, rendered with Astryx. Rewind it, fork it, break it, X-ray it. Every gate, repair, and audit is inspectable.

![An agent proposes a destructive-action surface without an AlertDialog; the S3 gate fails with rule.destructive-requires-alertdialog, a repair message is sent, and the repaired surface renders.](docs/assets/dspack-studio-catch.gif)
@ryandmonk
ryandmonk merged commit c80f955 into main Jul 13, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants