Back to directory
Frontendmoraneus/preview-first
Preview First
Look before you build. A Claude Code skill that shows your web design directions (palette, type, components, motion, device frames) in the browser before any code is written.
Suggested install command
npx skills add moraneus/preview-first/Preview FirstAlways inspect the linked repository and skill instructions before running commands. Skills are instructions; permissions and execution still matter.
Compatibility
Agent support matrix
3 supported
| Agent | Status |
|---|---|
| Claude Code | Supported |
| OpenCode | Not listed |
| Cursor | Supported |
| MCP | Not listed |
| GitHub Copilot | Not listed |
| Windsurf |