Agent Skills Hub

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.

figma

Leverage the Figma MCP server to fetch design data, extract assets, and transform Figma nodes into production-ready React and Tailwind code with design system alignment.

pellicule

Pellicule is a Vue-native library for programmatic video generation, allowing you to render deterministic videos, animations, and motion graphics directly from Vue components.

explaining-code

Explains code using visual diagrams, relatable analogies, step-by-step walkthroughs, and common pitfalls.

java-coding-standards

Enforce high-quality Java 17+ coding standards, Spring Boot conventions, and maintainable project structures.

manimgl-best-practices

Best practices and code patterns for ManimGL (3Blue1Brown's OpenGL animation engine). Provides templates, rules for 3D/interactive scenes, camera control, and LaTeX math visualization for technical creators.

dev-workflow

Full-stack SDLC agent workflow managing the entire production lifecycle from intake and planning to automated testing, CI/CD, and infrastructure deployment using MCP tools.

dynamic-programming

Master DP patterns with complete implementations for memoization, tabulation, and state design for production-ready solutions.

ui-ux-pro-max

A professional UI/UX design guide for web and mobile. Features 50+ styles, 99 UX guidelines, and 97 color palettes. Supports multi-stack recommendations for React, Vue, Next.js, and more.

interaction-design

Design and implement microinteractions, motion design, and transitions. Use to add UI polish, define loading states, and create delightful, intuitive user feedback patterns.

code-quality-standards

A professional code quality suite for software engineers, implementing SOLID principles, design patterns, refactoring techniques, and technical debt management to ensure clean, maintainable, and production-ready code.

Investigating Code Patterns

Systematically trace code flows, locate implementations, diagnose performance issues, and map system architecture to understand complex codebases.