Agent Plugins Marketplace
← All plugins

screens-first-design

v0.1.0

Define a product's UX screen by screen: an invariant page schema decided first, then per screen one clickable mobile mockup + one spec fiche, parallel agents copying a bundled reference grammar (mobile phone frame AND desktop app frame — mobile first, desktop derives), preview verification before showing, a regenerable docs compendium + guided tour + team presentations, a same-day decisions journal, and a pre-verbal design check on every screen.

Claude Code1 Skill

By UNCTAD Trade Facilitation SectionLicense: SEE LICENSE IN LICENSE0 GitHub starsUpdated 1 hour ago

Directory evidence

Runtimes
Claude Code
Parsed components
1 skill or MCP entry
Source updated
Sep 30, 2026
Manifest status
Canonical path parsed

The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →

Install screens-first-design for Claude Code

Installs for the current user
claude plugin marketplace add IchenDEV/agent-plugin-mkt
claude plugin marketplace update agent-plugin-marketplace
claude plugin install screens-first-design@agent-plugin-marketplace

Paste and run these commands in a terminal with Claude Code. They add and refresh the PluginsMP catalog, then install this plugin.

The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.

Get the source manually
git clone https://github.com/UNCTAD-eRegistrations/plugin-marketplace

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The plugin root is plugins/screens-first-design/.

Plugin files

plugins/screens-first-design/
├── .claude-plugin/plugin.json
└── skills/screens-first-design/SKILL.md

Included Skills1

screens-first-designskills/screens-first-design/SKILL.md

Define a product's UX screen by screen. An invariant page schema is decided first; then each screen gets one clickable mobile mockup + one spec fiche; parallel agents copy a bundled reference grammar (mobile AND desktop — mobile first, desktop derives after the content review); every mockup is verified in preview before being shown; a regenerable compendium (docs.html), a guided tour and team presentations close the loop; decisions are journaled the same day; every screen passes the pre-verbal check. TRIGGER when the user wants to "define the UX / the screens" of a new product or module ("let's define all the screens", "show me screens", "screens-first"), or to present a designed system to a team. NOT for single static pages or public-facing branded pages.

Plugin manifests1

plugins/screens-first-design/.claude-plugin/plugin.json
{
  "name": "screens-first-design",
  "description": "Define a product's UX screen by screen: an invariant page schema decided first, then per screen one clickable mobile mockup + one spec fiche, parallel agents copying a bundled reference grammar (mobile phone frame AND desktop app frame — mobile first, desktop derives), preview verification before showing, a regenerable docs compendium + guided tour + team presentations, a same-day decisions journal, and a pre-verbal design check on every screen.",
  "version": "0.1.0",
  "author": {
    "name": "UNCTAD Trade Facilitation Section"
  },
  "license": "SEE LICENSE IN LICENSE"
}

For maintainers

If you maintain this plugin, link to this source-backed listing from your README so users can review its manifest and indexed components.

[screens-first-design on Agent Plugins Marketplace](https://pluginsmp.com/plugins/screens-first-design)