frontend-mockup-loop

frontend-mockup-loop is a Design-to-code & prototyping skill for AI agents, published by BlackBeltTechnology in the pi-agent-dashboard repository on GitHub. Skillspace rates frontend-mockup-loop C (76/100) and it passed the safety scan; the rating is based on static analysis only.

Plan, build, and iterate UX-friendly frontend mockups via a ground→contract→mockup→test→fix→learn loop, acting as an expert UX designer who grounds every decision in externally documented public design rules (Nielsen heuristics, Laws of UX, WCAG, GOV.UK/USWDS/Material). Uses the bundled serve_mockup, score_mockup, and init_ui_contract tools plus a ui-contract.md design control plane to keep screens consistent. Works in any React/Tailwind/shadcn (or plain HTML) project. Use when designing new screens, adapting existing UI, enforcing cross-screen consistency, or doing a UX review. Triggers: "design a screen", "mockup this UI", "wireframe", "make the UI consistent", "adapt the existing design", "improve this layout", "UX review", "is this good UX".

Grade
C
Quality
76 / 100
Safety
Passed
GitHub stars
193

Unproven: rated by static analysis only, not yet compared head-to-head.

Our two independent classifiers differ on this skill's category, so treat the placement as provisional.

This rating describes the version of the repository we crawled; it may have changed since, so go by its current files.

View source on GitHubBlackBeltTechnology/pi-agent-dashboard

Our review

Architecture
99 / 100
Maturity
Packaged: licensed, with a version or references
Security scan
Low-risk patterns
License
MIT
Adoption
Adopted by 0 other repositories, in 0 collections

What the scanner flagged

  • mentions secrets in text

Not checked yet

  • Not judged on the rubric yet (not a contender in its category)
  • No blind task eval yet
  • Scope (portable / vendor / repo-internal) not assessed; only the top of each category is read for scope
  • Sibling files (scripts, references) not fetched; security scan covers SKILL.md only

More Design-to-code & prototyping skills

Skillspace indexes and rates this skill; it does not host or endorse it. Run third-party skills at your own risk.