Agent Skills Hub

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.

prompt-engineering-patterns

Master advanced prompt engineering techniques to maximize LLM performance, reliability, and controllability in production applications.

mermaidjs-v11

Create professional diagrams with Mermaid.js v11 syntax. Supports 24+ types including flowcharts, sequence diagrams, class diagrams, ER diagrams, and Gantt charts for documentation and technical visualization.

ux-designer

A precision-focused UX/UI engineering agent for identifying bugs, optimizing usability, and ensuring flawless interface performance in workflow applications.

ui-styling

Build accessible, consistent UIs using shadcn/ui and Tailwind CSS. Employs a component-first architecture for design systems, React Hook Form integration, and responsive mobile-first development.

youtube-metadata

Generate optimized YouTube metadata, titles, and descriptions for bilingual audiobook videos based on source and target language pairs.

seo-optimizer

Comprehensive SEO optimization tool for web applications. Performs automated site audits, meta tag management, structured data implementation, and technical performance analysis for Next.js, Astro, React, and static sites.

updating-dawncaster-filters

Systematically updates Dawncaster card/talent browser filter dropdowns and mapping arrays when new game expansions are released, ensuring frontend data synchronization with the Blightbane API.

hello-world

A friendly welcome skill that displays system OS details in ASCII art when triggered by casual greetings like 'hello' or 'hi'.

vertesia-plugin

Framework for building Vertesia plugins with a dual tool-server and UI architecture, featuring Hot Module Replacement, build-tools, and asset management.

microsim-screen-capture

Automate high-quality screenshot generation for MicroSim visualizations using Chrome headless mode. Ideal for documentation, social media previews, and quality assessment.

react-router-data-mode

Build React applications using React Router's data mode (createBrowserRouter/RouterProvider) for loaders, actions, fetchers, and optimistic UI without the Vite framework plugin.