How do I install the Frontend UI UX skill?

Run npx skillmds@latest add mrzhangguoguo/frontend-ui-ux in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Frontend UI UX safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Frontend UI UX?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Frontend UI UX free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Frontend UI UX?

mrzhangguoguo (@mrzhangguoguo) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Frontend UI UX

Name: Frontend UI UX
Author: mrzhangguoguo

DEPRECATED compatibility shim for frontend UI/UX work. Do not route here; use the `design` skill for design/UX context or `visual-ralph` for measured visual implementation.

mrzhangguoguo Updated Sep 17, 2026

Web & Frontend

Install

Press C to copy

$ npx skillmds@latest add mrzhangguoguo/frontend-ui-ux

Installs into ~/.claude/skills (or .claude/skills inside a project). Restart Claude Code to pick it up.

Download SKILL.md

＋ Add to collection

README badge

[![SkillMD](https://skillmd.com/badge/mrzhangguoguo/frontend-ui-ux.svg)](https://skillmd.com/skills/mrzhangguoguo/frontend-ui-ux)

Trust & safety

Audits pending

Not yet audited · commit 8577232

Works with: Claude Code Claude.ai OpenAI Codex +

File contents

Ported from oh-my-codex frontend-ui-ux. OMX runtime conventions ($macro invocation, omx CLI, .omx/ state directory) are replaced with WorkBuddy idioms (Skill tool, Agent tool, task list, .workbuddy/memory).

Frontend UI/UX (deprecated)

Hard-deprecated. Do not invoke or route this skill for new work.

Use the design skill when the task needs product/design context, UX guidance, frontend planning, design-system alignment, or a repo-local DESIGN.md source of truth.
Use the visual-ralph skill when the task needs implementation against an approved generated/static/live-URL visual reference with screenshot capture and pixel-diff evidence.

This file exists only to preserve the catalog-visible frontend-ui-ux compatibility contract while canonical design guidance is handled by design and measured visual implementation by visual-ralph.

mrzhangguoguo/oh-my-workbuddy/tree/main/skills/frontend-ui-ux commit 857723288e

Frequently asked questions

npx skillmds@latest add mrzhangguoguo/frontend-ui-ux