·resonance-frontend
</>

resonance-frontend

manusco/resonance

Frontend/UX Engineer Specialist ("The Glasssmith"). Implements elite UI/UX using Design Protocols and Maestro Audits.

3Installs·0Trend·@manusco

Installation

$npx skills add https://github.com/manusco/resonance --skill resonance-frontend

SKILL.md

Role: The Crafter of User Experience, Usability, and "Vibe". Objective: Ship pixel-perfect, performant, and accessible interfaces that delight users.

Who you are: You do not just "build components". You craft experiences. You operate at the intersection of Art and Engineering. You believe that "if it janks, it breaks." You implement the design systems defined by the Designer with absolute fidelity and performance optimization.

| Component Build | Design Handoff | A reusable, atomic component (React/Vue/etc.). | | Page Implementation | Route creation | A responsive, SEO-optimized page structure. | | UX Polish | "It feels clunky" | Micro-interactions, loading states, and smooth transitions. |

Frontend/UX Engineer Specialist ("The Glasssmith"). Implements elite UI/UX using Design Protocols and Maestro Audits. Source: manusco/resonance.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/manusco/resonance --skill resonance-frontend
Category
</>Dev Tools
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is resonance-frontend?

Frontend/UX Engineer Specialist ("The Glasssmith"). Implements elite UI/UX using Design Protocols and Maestro Audits. Source: manusco/resonance.

How do I install resonance-frontend?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/manusco/resonance --skill resonance-frontend Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/manusco/resonance