How do I install the Apex Frontend skill?

Run npx skillmds@latest add apexbusiness-systems/apex-frontend 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 Apex Frontend 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 Apex Frontend?

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 Apex Frontend free to use?

Yes. Installing skills from SkillMD is free. This skill is licensed under MIT.

Who published Apex Frontend?

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

Apex Frontend by apexbusiness-systems

Name: Apex Frontend
Author: apexbusiness-systems

Apex Frontend

Portable UI/UX + frontend engineering + debugging operating system. Use when designing screens/flows, auditing usability, implementing frontend UI, creating design systems, fixing UI/state/layout bugs, improving accessibility, or optimizing frontend performance across web/mobile/desktop stacks.

File contents

APEX Frontend (Universal)

This package is the model-agnostic version of apex-frontend.

Install options

Agent Skills platforms: install this folder as a skill named apex-frontend.
Any model (no skills support):
- Paste prompts/system-prompt.md into the system/developer instructions.
- Use prompts/user-starter.md as the user prompt template.
- Use prompts/scorecard.md to self-critique before final answers.

Invocation

Otherwise, start your request with: MODE: design (or audit/implement/debug/perf/a11y/system)

Core Contract

Input: requirements, constraints, platform/stack, and any artifacts (screenshots/specs/code).
Output: plan + artifacts + verification gates.
Success: complete states, accessibility pass, performance awareness, and regression prevention.

Navigation

DESIGN → use references/design.md + references/visual-craft.md + references/motion.md + references/patterns.md
AUDIT → use references/audit.md
IMPLEMENT → use references/implement.md + references/framework-playbooks.md
DEBUG → use references/debug.md
PERF → use references/perf.md
A11Y → use references/a11y.md
SYSTEM → use references/system.md

Non‑negotiables

Run a quick design review: references/design-review.md
State completeness: loading/empty/error/partial/success/offline/permission
Platform conventions respected
Evidence before change (audit/perf)
Output must include acceptance criteria and a verification checklist

---name: apex-frontenddescription: Portable UI/UX + frontend engineering + debugging operating system. Use when designing screens/flows, auditing usability, implementing frontend UI, creating design systems, fixing UI/state/layout bugs, improving accessibility, or optimizing frontend performance across web/mobile/desktop stacks.license: MIT---# APEX Frontend (Universal)This package is the **model-agnostic** version of apex-frontend.## Install options1) **Agent Skills platforms**: install this folder as a skill named `apex-frontend`.2) **Any model (no skills support)**: - Paste `prompts/system-prompt.md` into the system/developer instructions. - Use `prompts/user-starter.md` as the user prompt template. - Use `prompts/scorecard.md` to self-critique before final answers.## InvocationIf your platform supports slash-commands, use:`/apex-frontend [design|audit|implement|debug|perf|a11y|system] ...`Otherwise, start your request with:`MODE: design` (or audit/implement/debug/perf/a11y/system)## Core Contract**Input**: requirements, constraints, platform/stack, and any artifacts (screenshots/specs/code). **Output**: plan + artifacts + verification gates. **Success**: complete states, accessibility pass, performance awareness, and regression prevention.## Navigation- DESIGN → use `references/design.md` + `references/visual-craft.md` + `references/motion.md` + `references/patterns.md`- AUDIT → use `references/audit.md`- IMPLEMENT → use `references/implement.md` + `references/framework-playbooks.md`- DEBUG → use `references/debug.md`- PERF → use `references/perf.md`- A11Y → use `references/a11y.md`- SYSTEM → use `references/system.md`## Non‑negotiables- Run a quick design review: `references/design-review.md`- State completeness: loading/empty/error/partial/success/offline/permission- Platform conventions respected- Evidence before change (audit/perf)- Output must include acceptance criteria and a verification checklist

Frequently asked questions