HappyDoggyAI

HappyDoggyAI/superui

Plugin Claude Code

Use when users explicitly mention SuperUI, superui, $superui, this skill, 本技能, or need frontend UI workflow skills for Claude and other coding agents.

HappyDoggyAI/superui

Cursor rule Cursor

Use SuperUI for frontend UI design, redesign, DESIGN.md, planning, implementation, responsive QA, accessibility, and review.

HappyDoggyAI/superui

Instructions file CodexOpenCode

Instructions for HappyDoggyAI/superui: SuperUI is an agent-agnostic frontend UI workflow. If you are an AI coding agent working in this repository, load and follow.

HappyDoggyAI/superui

Instructions file

Instructions for HappyDoggyAI/superui: Use SuperUI when the task involves frontend UI creation, redesign, analysis, DESIGN.md, planning, implementation, responsive behavior, accessibility, or review.

HappyDoggyAI/superui

Instructions file Gemini CLI

Instructions for HappyDoggyAI/superui, a project described as: SuperUI is an agent-agnostic skill set for frontend UI workflows. It is not a single prompt and it is not tied to one agent platform. It turns UI collaboration into a recoverable, auditable, continuously improving workflow.

HappyDoggyAI/superui

Skill Claude CodeCodex

Use when the user explicitly mentions superui-design-md, $superui-design-md, DESIGN.md, design tokens, design system, UI style guide, visual language, component rules, responsive behavior, light/dark HTML previews, or asks to create/update a frontend design specification from source analysis, user descriptions, brand…

HappyDoggyAI/superui

Skill Claude CodeCodex

Use when the user explicitly mentions superui-planner, $superui-planner, frontend UI planning, proposal.md, design-proposal.md, specs, test-plan, component scope, implementation order, redesign versus new build decisions, risk notes, or SuperUI handoff documents from DESIGN.md.

HappyDoggyAI/superui

Skill Claude CodeCodex

Use when the user explicitly mentions superui-review, $superui-review, review, audit, QA, Plan Gate, Code Gate, improvement-plan.md, or asks to check SuperUI plans, DESIGN.md files, frontend code, tests, responsive behavior, accessibility, token compliance, interaction completeness, or visual QA.

HappyDoggyAI/superui

Skill Claude CodeCodex

Use when the user explicitly mentions superui-source-analyzer, $superui-source-analyzer, source analysis, extract design system, analyze existing React/Vue/Next/Nuxt/Vite/frontend project, routes, layout structure, responsive behavior, interaction loops, design tokens, colors, typography, component styling, or…

HappyDoggyAI/superui

Skill Claude CodeCodex

Use when the user explicitly mentions superui-tdd, $superui-tdd, frontend UI implementation, TDD, tests first, responsive constraints, visual contract tests, interaction tests, accessibility checks, token-based styling, or implementing UI code from DESIGN.md, proposal.md, specs, or test-plan.md.

HappyDoggyAI/superui

Skill Claude CodeCodex

Use when the user explicitly mentions SuperUI, superui, $superui, this skill, or asks to create, redesign, analyze, plan, implement, review, or improve frontend UI, web apps, landing pages, dashboards, React/Vue components, DESIGN.md, design systems, responsive layouts, visual QA, UI refactors, or frontend audits.