Agent Plugins Marketplace
← All plugins

arx-ui-spec

v2.0.0

Turn Figma links, Figma exports, and screenshots into implementation-ready UI specs, design tokens, component maps, and visual QA guidance for AI coding agents.

Codex1 Skill

By Arya IsnaidiLicense: LicenseRef-ARX-Source-Available-1.02 GitHub starsUpdated 2 hours ago

Directory evidence

Runtimes
Codex
Parsed components
1 skill or MCP entry
Source updated
Sep 27, 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 arx-ui-spec for Codex

Installs for the current user
codex plugin marketplace add aryanibos/arx-ui-spec
codex plugin marketplace upgrade arx-ui-spec
codex plugin add arx-ui-spec@arx-ui-spec

Paste and run these commands in a terminal with Codex. They add and refresh the arx-ui-spec catalog, then install this plugin.

Compatibility: the page URL and API slug “arx-ui-spec” remain stable.

  • Codex: arx-ui-spec@agent-plugin-marketplace → arx-ui-spec@arx-ui-spec

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/aryanibos/arx-ui-spec

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The plugin root is plugins/arx-ui-spec/.

Plugin files

plugins/arx-ui-spec/
├── .codex-plugin/plugin.json
└── skills/arx-ui-spec/SKILL.md

Included Skills1

arx-ui-specskills/arx-ui-spec/SKILL.md

Cross-agent UI specification skill that converts Figma links, Figma exports, screenshots, and visual references into implementation-ready UI specs, design tokens, component maps, and visual QA guidance.

Plugin manifests1

plugins/arx-ui-spec/.codex-plugin/plugin.json
{
  "name": "arx-ui-spec",
  "version": "2.0.0",
  "description": "Turn Figma links, Figma exports, and screenshots into implementation-ready UI specs, design tokens, component maps, and visual QA guidance for AI coding agents.",
  "author": {
    "name": "Arya Isnaidi",
    "url": "https://github.com/aryanibos"
  },
  "license": "LicenseRef-ARX-Source-Available-1.0",
  "keywords": [
    "ui",
    "figma",
    "figma-link",
    "screenshot",
    "design-spec",
    "design-tokens",
    "visual-qa",
    "frontend",
    "agent-skill"
  ],
  "skills": "./skills/",
  "interface": {
    "displayName": "ARX UI Spec",
    "shortDescription": "Figma and visual designs to implementation-ready UI specs",
    "longDescription": "Analyze direct Figma share links, Figma exports, screenshots, and UI references into structured layout specs, design tokens, semantic component maps, responsive guidance, and design-vs-implementation visual QA while preserving confidence and uncertainty.",
    "developerName": "Arya Isnaidi",
    "category": "Developer Tools",
    "capabilities": [
      "Read"
    ],
    "defaultPrompt": [
      "Use ARX UI Spec to analyze this Figma link or visual design and produce an implementation-ready UI specification.",
      "Use ARX UI Spec to compare the approved design with the current implementation and report visual QA findings."
    ],
    "websiteURL": "https://github.com/aryanibos/arx-ui-spec"
  },
  "homepage": "https://github.com/aryanibos/arx-ui-spec",
  "repository": "https://github.com/aryanibos/arx-ui-spec"
}

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.

[arx-ui-spec on Agent Plugins Marketplace](https://pluginsmp.com/plugins/arx-ui-spec)