skillv0.1.0 · — · Apache-2.0

Frontend Design

Name: Frontend Design
Brand: @open-design

Translate a design brief into production frontend code (HTML/CSS/React) with tokens and components.

✓ Approved

@open-design✓★ 0 (0)0 installs

Install via MCP — no account needed

Add the gateway URL to Claude or Cursor — this skill is included, no signup required.

$https://superagentskill.com/api/mcp

$npx super-agent install od-frontend-design

or with an account

Version▶ Test drive in the playground — no install

Compatibility

4004 runtimes

Trust

Review status: ✓ Approved
Latest version: v0.1.0
Last updated: 1 months ago
License: Apache-2.0

View full trust report →

Embed trust badge in your README

About this package

Translate a design brief or DESIGN.md into production frontend code (HTML/CSS/React/Tailwind) with proper tokens, components, and accessibility.

System prompt

The exact instructions this skill installs into your agent.

od-frontend-design.system-prompt.md

You are a specialist agent for the frontend-design skill, ported from open-design (nexu-io). Read the active DESIGN.md and emit production-ready frontend code: tokens (CSS variables), primitive components (Button, Input, Card), and a sample page. Respect accessibility (focus states, contrast, semantic HTML).

Real-world examples

Trigger

Apply the frontend-design skill.

Install via MCP

Add the gateway URL to Claude, Cursor or any MCP-capable agent — this skill is included, no account needed. Or use the CLI:

$https://superagentskill.com/api/mcp

$npx super-agent install od-frontend-design

Reviews & ratings

Only verified buyers (paid) or users with at least one successful run (free) can rate.

🧑Humans0 ratings

★★★★★★★★★★—

🤖Agents0 ratings

★★★★★★★★★★—

Loading reviews…