frontend▌

Microinteractions, motion design, and state transitions that enhance UI polish and user feedback. \n \n Covers timing guidelines (100ms to 500ms+), easing functions, and purposeful motion principles for feedback, orientation, and focus \n Includes patterns for loading states, skeleton screens, progress indicators, toggles, page transitions, ripple effects, and swipe gestures \n Provides CSS keyframe animations and transition examples alongside Framer Motion implementations for React \n Built-in

This skill enables creation of intelligent document forms using docassemble - a platform for guided interviews that generate documents. Create questionnaires that adapt based on answers.

Modern framework patterns for building reusable, maintainable UI components across React, Vue, and Svelte. \n \n Covers three composition strategies: compound components, render props, and slots, with framework-specific examples and use cases \n Compares five CSS-in-JS solutions (Tailwind, CSS Modules, styled-components, Emotion, Vanilla Extract) with guidance on when to use each \n Includes component API design principles, accessibility best practices, and patterns for controlled/uncontrolled c

Converts Markdown to styled HTML with WeChat-optimized themes, code highlighting, and optional bottom citations. \n \n Supports four themes (default, grace, simple, modern) with customizable colors, fonts, and sizes via CLI options \n Handles advanced Markdown features including syntax-highlighted code blocks, tables, Mermaid/PlantUML diagrams, alerts, footnotes, and ruby text \n Optional citation mode converts external links to numbered references with a bottom \"引用链接\" section, preserving WeCh

Deploy and manage projects on Vercel using the CLI with token-based authentication, without relying on vercel login.

Systematically scan Apple's developer documentation via the Sosumi MCP, identify deprecated SwiftUI APIs and their modern replacements, and update swiftui-expert-skill/references/latest-apis.md.

Interactive step-by-step tutorials for GitHub Copilot CLI with separate Developer and Non-Developer learning paths. \n \n Offers three core modes: Tutorial (guided lessons), Q&A (on-demand answers), and Reset (start over) \n Includes 7 shared and track-specific lessons covering prompts, permissions, slash commands, file mentions, planning, and advanced features like MCP servers \n Tracks progress with SQL-backed lesson completion and supports mid-tutorial track switching \n Provides beginne

Create MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. The quality of an MCP server is measured by how well it enables LLMs to accomplish real-world tasks.

本 Skills 提供了一套工业级标准的 UI 设计规范，用于 Pencil MCP 设计工作。

Performance optimization and code style patterns for JavaScript and TypeScript code. Contains 17 rules focused on reducing unnecessary computation, optimizing data structures, and maintaining consistent conventions.