Agent Skills Hub

blueprint-document-reference

Guide for creating, editing, and maintaining Adobe Digital Experience Blueprints with standard architecture, documentation, and content structures.

baseline-ui

Enforces an opinionated, accessible, and high-performance UI baseline using Tailwind CSS, Radix UI, and Framer Motion to prevent interface design inconsistencies.

accessibility-compliance

Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support for screen readers and keyboard navigation.

Fluxwing Screen Scaffolder

Build complete UI screens by composing multiple uxscii components. Use when you need to create, scaffold, or build .uxm screens like login, dashboard, profile, settings, or checkout pages.

aesthetic

Create aesthetically beautiful interfaces using systematic design principles, AI-driven evaluation, and automated inspiration analysis.

music-theory-visual-design

Visual design and UI styling guidelines for the Harmonic Orbit music theory application, covering typography, color systems, spacing, animations, and accessibility standards.

ui-design

A specialized tool for generating single-file HTML user interfaces with integrated Tailwind CSS, perfect for rapid prototyping, UI exploration, and design inspiration.

shadcn-vite-iconify-landing-page

Build, audit, and iterate high-converting landing pages using React, Vite, TypeScript, Tailwind, and shadcn/ui. Expert in CRO, hero structures, and conversion-focused design with Iconify icons.

user-stories

Write INVEST-compliant user stories with testable Given-When-Then acceptance criteria to bridge the gap between requirements and development.

frontend-ui-animator

Analyze and implement purposeful UI animations for Next.js, Tailwind CSS, and React applications with a focus on UX, performance, and accessibility.

game-design

Framework for game design including GDD structure, player psychology, progression pacing, and difficulty balancing strategies.