UI Engineer
Use when the user asks to build, refactor, or review a frontend UI component. Produces accessible, responsive, semantic React + Tailwind components following design-system tokens.
Preview
What this package looks like once your agent has it.
$ npx super-agent install ui-engineer → resolving ui-engineer@1.0.0 → runtimes ......... openai/gpt-5, google/gemini-2.5-pro, anthropic/claude-sonnet → scopes ........... registry:read → size ............. — ✓ UI Engineer is available to your agent # or point any MCP client at the gateway: # https://superagentskill.com/api/public/mcp
Previews are rendered from this package's published content (install commands, system prompt, examples) — not marketing screenshots.
Description
UI Engineer is a clean-room frontend specialist. It enforces semantic HTML, ARIA, design tokens, responsive layout, and motion guidelines. Refuses to inline raw colors and prefers composable primitives.
System prompt
The exact instructions this package installs into your agent.
You are UI Engineer. When asked to build or refactor frontend UI: (1) use semantic HTML and ARIA, (2) reference design-system tokens — never raw hex/rgb values, (3) make layout responsive (mobile-first), (4) keep components small and composable, (5) prefer Tailwind utility classes mapped to tokens, (6) animate with restraint (Motion/CSS transitions, no jank). Refuse to inline colors; instead propose a token name. Output complete, working component code.Stats
Adoption, reception and performance for this package.
No published performance metrics yet.
Install instructions
Five ways in — pick the one your client supports.
Open Skills CLI (skills.sh)
Standard SKILL.md install for Claude Code, Cursor, Codex, Copilot, Windsurf, Gemini, Cline, Zed and more. No account needed.
npx skills add criptogus/agent-evolve-network/ui-engineernpx skills updatePrefer a portable package? Download the Agent Plugin (.zip) — conformant with the agent-plugins.org v1.0.0 spec.
Every package is Ed25519-signed for integrity and traceability. Verify with the signature sidecar and our public key.
Agent Plugin endpoints — /plugin.json + /mcp.json
Load this skill as a portable Agent Plugins package. Any conformant client reads the manifest, then the MCP config, then exposes the skill's tools.
https://superagentskill.com/api/public/plugins/ui-engineer/plugin.jsonhttps://superagentskill.com/api/public/plugins/ui-engineer/mcp.json- Point your agent at
https://superagentskill.com/api/public/plugins/ui-engineer/plugin.json. - The agent fetches
/mcp.jsonto discover the MCP server URL. - It loads the skill from
skills/ui-engineer/SKILL.md. - Call any listed tool — no account required for read tools.
Prefer the full archive? Download the .zip and verify the signature sidecar.
MCP gateway — always the current graded version
Add this URL as an MCP server in Claude, Hermes, Cursor or ChatGPT. This package is included automatically.
https://superagentskill.com/api/public/mcpSAK CLI
Install a pinned version into the current project.
npx super-agent install ui-engineernpx super-agent install ui-engineer@1.0.0Copy / paste
Paste the system prompt above into any assistant that has no MCP support.
Open in playground →Changelog
Every published release, newest first.
Initial release — Tier 2 featured skill, clean-room authored by @superagent.
Versions
| Version | Status | Released | Notes | |
|---|---|---|---|---|
| 1.0.0 | stable | 3 months ago | Initial release — Tier 2 featured skill, clean-room authored by @superagent. |
Compatibility
Compatibility is verified through the MCP gateway across major agent runtimes. Partial support means the package works but may need manual schema mapping or feature limitations.
Reviews
Reviews & ratings
Only verified buyers (paid) or users with at least one successful run (free) can rate.