Skip to content

FEAT: add agent guides (AGENTS.md + .agents/) and heimdall-ui skill specific to frontend#118

Open
Shivang Nagta (ShivangNagta) wants to merge 3 commits into
patterninc:mainfrom
ShivangNagta:feat/heimdall-ui-skill
Open

FEAT: add agent guides (AGENTS.md + .agents/) and heimdall-ui skill specific to frontend#118
Shivang Nagta (ShivangNagta) wants to merge 3 commits into
patterninc:mainfrom
ShivangNagta:feat/heimdall-ui-skill

Conversation

@ShivangNagta

@ShivangNagta Shivang Nagta (ShivangNagta) commented Jul 9, 2026

Copy link
Copy Markdown
Contributor

Description

Adds agent-agnostic guidance for this repo (AGENTS.md convention) plus a frontend skill for UI work.

AGENTS.md - a router pointing into .agents/ (task guides + personas), loaded on demand.
.agents/skills/heimdall-ui.md - the single source of truth for UI-only changes to the web app (web/): scope (what's in/out), repo orientation, local dev loop, the lint/type-check/build gate, real-browser verification, and accessibility/failure-handling rules. Includes a guard that the skill only acts on a requested change, not a standing "go find work" instruction.
.agents/personas/frontend-reviewer.md - a mindset profile to adopt for UI work.

Browser MCP handling

UI verification uses the chrome-devtools MCP. The guide never hardcodes the install command - it directs the agent to fetch the current per-client command from the official docs (ChromeDevTools/chrome-devtools-mcp) and register it per-user (try the official CLI first, fall back to writing the client's MCP config). Nothing MCP-specific is committed to the repo.

Notes

Vendor-neutral by design: knowledge lives in .agents/ (any agent/human reads it);

heimdall-ui skill in action (chrome-devtool-mcp allows the agent to access a chrome instance and run tools varying from taking screenshots to performance monitoring - 30+ tools)
1_for_PR

Copilot AI review requested due to automatic review settings July 9, 2026 19:50

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Pull request overview

Adds agent-oriented repository guidance by introducing an AGENTS.md entrypoint that routes to detailed task guides and personas under .agents/, including a UI-focused skill for the web/ frontend.

Changes:

  • Added AGENTS.md as a router to agent task guides (.agents/skills/) and personas (.agents/personas/).
  • Added a frontend-only UI workflow skill (.agents/skills/heimdall-ui.md) covering scope, local loop, gates, real-browser verification, and a11y/failure-path expectations.
  • Added a “Frontend Reviewer” persona to reinforce UI-review mindset and verification standards.

Reviewed changes

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

File Description
AGENTS.md Adds the top-level routing doc pointing agents to the appropriate skill/persona docs.
.agents/skills/heimdall-ui.md Introduces the UI-only change workflow and verification checklist for the web/ app.
.agents/personas/frontend-reviewer.md Adds a persona definition for UI-only reviews aligned with the UI skill.

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

Comment thread AGENTS.md Outdated
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
Comment thread .agents/skills/heimdall-ui.md Outdated
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.

3 participants