Installs into .claude/skills of the current project.
Are you the author of Ui?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/receptron-mulmoterminal-9e8850e0)
---
name: blueprint-cloudflare-ui
description: "Build the spec's screens in Vue and connect them to the API."
---
# Screens
1. The screens in the spec, no more. Vue 3 Composition API, plain and readable; a list, a form, a detail as needed.
Every error the API returns is shown to the user in words, not swallowed.
2. Text in the language the spec says.
3. `test/ui.test.ts`: the main screens' logic works against the API (a list shows rows, a form submits). Components
that need a DOM can be tested with a second vitest project using happy-dom; keep the Workers pool for the Worker.
Done when the check passes: `yarn build` and `yarn test` succeed and `test/` has the ui tests.
## Always
- Read `.blueprint/spec.md` first. It is the agreed specification; do not widen it.
- When you need a decision, ask it through the blueprint question tool and stop. Do not guess.
- Do not run `git init`: a new repository loses the folder's trust and the next unattended step stops at Claude
Code's trust prompt. The user adds git themselves after the build if they want it.
- Say you are done by stopping; the executor runs the check. Do not claim success yourself.
