codex

Ui Dev

Figma x AI UI implementation workflow

0 on GitHubby masseaterv0.0.32updated 2 days agoProductivity

Plugin ui-dev in masseater/codex-plugin. Commands read from the repo's manifest — yesterday.

This plugin runs code on your machine — its hooks fire automatically on events like tool use. The exact commands are listed below; read them before installing.

What it installs

Skills (4)

  • ui-dev:dev-command

    Direct manual utility command reference for UI implementation workflows, including design feedback, QA checklist, screen-map updates, checks, scaffolding, and install commands.

  • ui-dev:figma-data

    This skill should be used when the user asks to "extract Figma design data", "get CSS properties from Figma", "trace prototype chain", "export assets from Figma", "get component variants", or needs exact design values (colors, spacing, typography, interactions) from Figma nodes via API.

  • ui-dev:figma-implement

    This skill should be used when the user asks to "implement Figma screens", "implement this design", "implement the whole flow", "batch implement from Figma", "implement all screens", or provides a Figma prototype URL and wants to build the UI. Traces the prototype graph, plans all screens, then impl

  • ui-dev:figma-screenshot

    This skill should be used when the user asks to "save a Figma screenshot", "export a Figma node as image", "capture Figma design", or needs to save Figma node screenshots to local files. Prefer this over Figma MCP''s get_screenshot.

Subagents (3)

  • code-reviewer

    Compare UI implementation code against the screen map and list discrepancies as facts. Does not make judgments. Use when reviewing code quality of UI implementation.

  • figma-implementer

    Implement UI screens from Figma designs and record results in report files. Has two modes: initial implementation and fix. Use when implementing or fixing a UI screen from Figma design.

  • visual-reviewer

    Compare Figma design with implementation screenshots and list visual diffs as facts. Does not make judgments. Use when reviewing visual fidelity of UI implementation.

Hooks (2)

  • PreToolUse

    sh -c 'set -eu; rel_target="$1"; shift; cache_root="${CODEX_HOME:-$HOME/.config/codex}/plugins/cache"; export PATH="$HOME/.local/share/mise/shims:$HOME/.bun/bin:/opt/homebrew/bin:/usr/local/bin:$PATH"

  • SessionStart

    sh -c 'set -eu; rel_target="$1"; shift; cache_root="${CODEX_HOME:-$HOME/.config/codex}/plugins/cache"; export PATH="$HOME/.local/share/mise/shims:$HOME/.bun/bin:/opt/homebrew/bin:/usr/local/bin:$PATH"

View source on GitHub

More from masseater/codex-plugin

All 23 plugins →

Mutils

codex

汎用ユーティリティ(フック・スキル)

18 skills · hooks

0

Sdd

codex

Spec Driven Development (SDD) ワークフロー支援コマンド集

14 skills · 2 agents · 1 MCP server · hooks

0

PR・コードレビューワークフロー支援

4 skills · 5 agents

0

Context

codex

プロジェクトコンテキスト管理(AGENTS.md, rules)

7 skills · hooks

0

Devkit

codex

Development toolkit — tech stack definitions, project setup, and quality automation

4 skills · 1 agent · hooks

0

GitHub Projects を EPIC - Story - Task の階層と依存関係で運用するための汎用パターン集

6 skills

0

Similar plugins

caveman

claude

Talk like caveman. Cut filler. Keep technical details explicit.

22 skills · 1 command · 3 agents · hooks

JuliusBrussee/caveman 119,462

claude-mem

claudecodex

Persistent memory for Claude Code: the next session starts where the last one left off.

29 skills · 1 MCP server · hooks

thedotmack/claude-mem 116,618

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

career-ops

claudecodex

Open-source AI job search that runs locally in your AI coding CLI: scan job portals, evaluate listings into a structured A-H report with a 1-5 score, tailor your CV, track applications

5 skills · hooks

career-ops-hq/career-ops 82,253

mem0

claudecodex

Cross-session memory and token savings for coding agents.

6 skills · 1 agent · 1 MCP server · hooks

mem0ai/mem0 68,893

pake

claudecodex

Package any website or local web build into a lightweight desktop app with Pake CLI.

1 skill

tw93/Pake 63,463

Maintain Ui Dev?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins23 plugins