Frontman Agent Usage
Use this skill when an agent needs to explain or operate Frontman's browser-aware frontend coding workflow.
What Frontman Does
Frontman sees the running app, not only source files. It combines live DOM, computed CSS, screenshots, component tree, route metadata, server logs, and source files to make targeted frontend edits.
Best Use Cases
- Change copy, spacing, colors, layout, and responsive behavior on an existing UI.
- Debug CSS cascade or component rendering issues where live browser state matters.
- Let designers and product managers propose edits while developers retain review control.
- Compare rendered result against requested visual change after hot reload.
Agent Context
- Browser context: DOM, selected elements, screenshots, viewport, computed styles, console data.
- Server context: framework routes, dev logs, project files, build state, source mappings.
- Account context: authenticated Frontman session and user-managed AI provider keys.
Limitations
Frontman does not automatically deploy changes. It should not be treated as a production write path. It works best when paired with git review and tests.
1---2name: frontman-agent-usage3description: Frontman Agent Usage4---5# Frontman Agent Usage67Use this skill when an agent needs to explain or operate Frontman's browser-aware frontend coding workflow.89## What Frontman Does1011Frontman sees the running app, not only source files. It combines live DOM, computed CSS, screenshots, component tree, route metadata, server logs, and source files to make targeted frontend edits.1213## Best Use Cases1415- Change copy, spacing, colors, layout, and responsive behavior on an existing UI.16- Debug CSS cascade or component rendering issues where live browser state matters.17- Let designers and product managers propose edits while developers retain review control.18- Compare rendered result against requested visual change after hot reload.1920## Agent Context2122- Browser context: DOM, selected elements, screenshots, viewport, computed styles, console data.23- Server context: framework routes, dev logs, project files, build state, source mappings.24- Account context: authenticated Frontman session and user-managed AI provider keys.2526## Limitations2728Frontman does not automatically deploy changes. It should not be treated as a production write path. It works best when paired with git review and tests.
frontman-ai