Appgrammar Detail Page
The detail page is the central view for any appgrammar. It shows metadata, interactive visualizations, stats, and provides actions for both viewers and owners.
Accessing the Detail Page
- Registry:
/registry/:slug(public appgrammars) - Dashboard: Click any appgrammar in your Created, Starred, or Forked tabs
- API:
GET /api/appgrammars/:idorGET /api/registry/:slug
Header
The header displays:
- Name and visibility badge (public, private, or unlisted)
- Star button with live count
- Subscribe button to receive broadcasts
- Fork button to create a personal copy
- Add to Collection dropdown
- Author card with avatar, name, and link to profile
Below the header, the description and tags (up to 3 from the controlled vocabulary) are shown.
Status Banners
Status banners appear when the appgrammar is in a non-ready state (e.g. still generating, or failed).
Convention Violations
If you own the appgrammar and it has convention violations (from team-level coding rules), a dismissable warning panel lists each violation with:
- Convention title and description
- Affected steps
- Suggested fix
Tabs
The detail page organizes information across seven tabs:
Blueprint
The default tab. Shows the step manifest — a table of all build steps with their module, file paths, and descriptions. Clicking a step reveals the full instruction content.
Architecture
An embedded module graph visualization showing modules as nodes and their dependencies as edges. Includes an Add to Architecture button to include this appgrammar in a larger architecture diagram. See Architecture Editor for the full interactive editor.
Config
Displays the appgrammar's technical configuration as key-value badges: language, framework, database, deployment target, and execution mode.
Stats
Execution metrics: total executions, completion rate, success rate, average execution time, and fork count. Includes trust badge status (Popular or Verified).
Lineage
The ancestry tree showing fork and breed relationships, rendered as an interactive tree. See Forking & Lineage.
Reviews
Community reviews with ratings and comments. Submit your own review here (one per user, cannot review your own appgrammar). See Stars & Reviews.
Changelog
Version history with semantic versioning. Each entry shows the semver tag, bump type (major/minor/patch), title, body, and publication date. See Versioning & Changelog.
Owner Actions
If you own the appgrammar, additional controls appear in the header:
- Rename — change the display name (slug updates automatically)
- Visibility — toggle between public, private, and unlisted
- Tags — set up to 3 tags from the controlled vocabulary
- Delete — permanently remove the appgrammar and all associated data
- Transfer to Team — move ownership to a team you belong to
Agent Instructions Modal
Click the tools button to open the Agent Instructions modal. This generates copy-paste instructions containing real appgrammar UUIDs for common MCP operations:
- Execute —
appgrammar_start/appgrammar_nextinstructions - Breed — select one or more partner appgrammars from the registry. Generates breed instructions with real UUIDs for the
appgrammar_breedtool. Supports chaining with 3+ parents. - Update —
appgrammar_updateinstructions to sync the blueprint with codebase changes