# framesmith MCP server

> Turns AI coding agents into UI designers by providing a visual canvas, vetted design patterns, and a quality gate for HTML/CSS designs.

- Repository: https://github.com/vicmaster/framesmith
- Page: https://hostedmcp.org/servers/vicmaster/framesmith
- Transport: —
- Stars: 16
- License: MIT

## Tools (9)

- `dir`
- `projects`
- `name`
- `width`
- `height`
- `type`
- `device`
- `state`
- `operations`

## FAQ

### What formats does framesmith use for designs?

Designs are stored as open JSON files that you own in your repository, and they can be exported as plain HTML/CSS.

### How does the quality gate work?

The canvas_evaluate tool scores designs across five craft categories, including a cliché-tell detector and state-coverage check, returning a READY or NOT READY directive.

### Can I preview the designs in a browser?

Yes, you can run a standalone browser viewer using npx to review canvases at multiple breakpoints.