mcpField
F
frontend-skill

frontend-skill

github.com/nexu-ioDesign & UI104.6k3.1k installsUpdated today
Repository

About frontend-skill

frontend-skill is a design skill for agents creating landing pages, websites, and app interfaces. It is based on OpenAI's production frontend playbook and can be invoked by name after installing the upstream bundle.

Key features

  1. 01Landing page creation
  2. 02Website creation
  3. 03App UI creation
  4. 04Restrained visual composition

Use cases

  1. 01Designing a product landing page
  2. 02Building a website interface
  3. 03Creating an app UI

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/nexu-io/open-design --skill frontend-skill

After installing, type/frontend-skillin Claude Code to confirm it loaded.

Details

From the project README

frontend-skill

Curated from OpenAI's skills repository.

What it does

Create visually strong landing pages, websites, and app UIs with restrained composition. OpenAI's production frontend playbook.

Source

How to use

This catalogue entry advertises the skill in OpenDesign so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:

# Inspect the upstream README for exact paths
open https://github.com/openai/skills

Then ask the agent to invoke this skill by name (frontend-skill) or with one of the trigger phrases listed in this skill's frontmatter.

Comments

Markdown supported