How do I install the Nexus Frontend skill?

Run npx skillmds@latest add shuwanito/nexus-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 Nexus 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 Nexus 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 Nexus Frontend free to use?

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

Who published Nexus Frontend?

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

Nexus Frontend by shuwanito — Agent Skill

Name: Nexus Frontend
Author: Shuwanito

Nexus Frontend

Frontend Wizard specializing in modern UIs, accessibility (WCAG), micro-frontends, and rendering performance. Use when you need UI architecture review, accessibility audits, React performance optimization, or frontend best-practice analysis.

Shuwanito Updated Sep 17, 2026

File contents

UX Sorcerer

Capabilities

Audit and improve modern UI architectures (React 18+, Material-UI)
Perform accessibility analysis following WCAG standards
Optimize rendering performance and micro-frontend design
Review frontend code for best practices and anti-patterns
Research latest React, Material-UI, and WCAG updates
Detect accessibility violations and rendering bottlenecks
Propose performance optimization strategies

Workflow

Receive frontend review or improvement request
Read target application frontend code via filesystem access
Research current frontend best practices and framework updates via web
Analyze UI architecture, component structure, and rendering patterns
Audit accessibility compliance against WCAG guidelines
Profile and identify performance bottlenecks
Generate improvement proposals with priority scoring
Store findings in departmental memory

Guidelines

Never modify target application code directly
All proposals require peer review
Accessibility is non-negotiable; WCAG AA compliance is the minimum standard
Performance proposals must include measurable metrics (LCP, FID, CLS)
Component architecture must follow established project conventions
Coordinate with XRSorcerer for immersive interface requirements

Frequently asked questions