Agent Skills Hub

interface-design

Interface design guidance for utilitarian apps, focusing on dashboards, admin panels, and data-heavy UIs using a component-library-first approach.

design-references

Provides predefined design system references for UI reviews, including Material Design 3, Apple HIG, Tailwind UI, Ant Design, and Shadcn/ui.

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.

ui-design-system

Professional UI design system toolkit for design token generation, component architecture, responsive calculations, and developer handoff documentation to ensure visual consistency.

anima

Anima is a TypeScript animation engine for creating programmatic mathematical visualizations. Use it to script geometric animations, graphs, and complex movements with a fluent, Manim-inspired API.

vue-typescript

Specialized skill for building Vue 3 applications with TypeScript, covering Composition API, Pinia state management, Vue Router, and custom composables.

fabric

Intelligent pattern selection for Fabric CLI, automatically choosing from 242+ specialized prompts for threat modeling, data analysis, summarization, and content creation.

color-palette

Generate complete, accessible colour systems from a single hex. Includes 11-shade scales (50-950), semantic tokens, dark mode variants, and Tailwind v4 CSS output.

social-push

Automate social media content publishing using agent-browser to draft posts on platforms like Xiaohongshu, X, Weibo, WeChat, and Juejin directly from your browser.

pdf-generation

Professional PDF generation from markdown using Pandoc. Supports Eisvogel templates, EB Garamond typography, and dual-layout optimization (A4 for print/desktop, 6x9 for mobile/Telegram).

semantic-compression

Aggressively prune grammatical scaffolding and filler text from inputs to optimize LLM token usage while retaining core semantic content.

tailwindcss

TailwindCSS v4 pattern library with CSS-first configuration, @theme design tokens, @source content detection, and modern CSS utilities for high-performance frontend workflows.