Skills
97,222 packaged capabilities and playbooks for agents. Install any of them with one command.
Design & UI
Implement Syncfusion SplashPanel control for creating customizable splash screens and notification popups in Windows Forms applications. Use when displaying application startup screens, loading indicators, or non-obtrusive notification popups. Covers splash screen configuration, animations (slide, fade, marquee), desktop alignment, child controls, auto-close timers, background gradients/images, and splash events for creating professional startup experiences.
Implement Syncfusion StatusStripEx control for creating professional status bars in Windows Forms applications. Use when creating application status indicators with progress bars, status labels, buttons, and sizing grips. Covers StatusControl items (right-aligned), Notification items (left-aligned), ProgressBar integration, Office2007 color schemes (Silver/Blue/Black), Office2016 themes, custom managed colors, and sizing grip customization for bottom-docked status panels.
Implement Syncfusion TabSplitterContainer control for creating split-view layouts with tabbed panels in Windows Forms. Use when building Visual Studio-style split views, document editors with design/preview modes, or multi-pane applications. Covers primary/secondary page collections, swap button functionality, collapse/expand panes, horizontal/vertical orientation, adjustable splitter position, and Office2016 themes for professional multi-view interfaces.
Guide for implementing Syncfusion TileLayout control in Windows Forms applications. Use when creating Windows 8 Metro-style tile interfaces, grouped tile containers, live tiles with rotating images/text using ImageStreamer, drag-and-drop reordering, or dashboard-style layouts with customizable positioning and appearance.
Implement and configure Syncfusion TreeNavigator control for Windows Forms - a unique navigation interface that expands tree structures in-place without taking extra space. Use when you need hierarchical navigation with breadcrumb modes, drill-down capabilities, or space-efficient collapsible navigation menus. Covers in-place tree expansion, back button navigation, expandable menu items, file explorer-style navigation, and replacing standard TreeView with collapsible alternatives.
Implement and configure Syncfusion XPToolBar control for creating professional Visual Studio-style toolbars in Windows Forms applications. Use when you need customizable toolbar layouts with various item types (BarItem, ParentBarItem, DropDownBarItem, ComboBoxBarItem), dockable positioning, chevron overflow buttons, and Office themes. Covers toolbar structure, bar item management, docking positions, appearance customization with Office2007/2016 themes, and RTL support for creating feature-rich application toolbars and menu bars.
Vertical timeline component (date-based milestones, scroll-reveal via IntersectionObserver, automatic mobile→desktop layout switch at 768px) for changelog/history/roadmap/writing-archive pages. Call when the user says "làm timeline", "dòng thời gian", "lịch sử phiên bản dạng timeline", "changelog timeline", "roadmap timeline", or /timeline. DIFFERENT from /diagram (flow/architecture diagram) — this is a list of TIME-ORDERED milestones on a single axis, not a multi-node relationship.
Build, review, refactor, configure, or debug Voltra code using Voltra JSX, Voltra JS APIs, the Expo config plugin, and the Voltra CLI. Use when the user asks about charts, Live Activities, Dynamic Island UI, iOS widgets, scheduled widgets, Android widgets, ongoing notifications, image handling, app.json plugin config, React Native CLI setup, or Voltra push update flows.
Build, define, and import React code components into Webflow via DevLink. Use when creating Webflow code components, configuring declareComponent definitions, working with prop types, styling within Shadow DOM, bundling with Webpack, or troubleshooting DevLink imports.
Transform generated wiki Markdown files into a polished VitePress static site with dark theme and interactive Mermaid diagrams. Use when user asks to "build a site" or "package as VitePress", user runs the /deep-wiki, or user wants a browsable HTML output from generated wiki pages.
Write meaningful alternative text for images, charts, diagrams, and visual content. Use when creating or reviewing alt text, image descriptions, chart summaries, or any visual content that needs a text equivalent. Triggers on: alt text, image description, alternative text, screen reader, decorative image, chart description, infographic, data visualisation, complex image, meaningful alt.
Write usage scenarios that include assistive technology and diverse interaction methods. Use when writing scenarios, use cases, user journeys, or storyboards. Triggers on: assistive technology, AT, screen reader, switch, voice control, magnifier, braille display, head pointer, eye tracking, how people use our product, usage scenario, use case.
Cross-discipline interface review: routes a screen, flow, feature, or product interface to every `better-*` domain skill and consolidates one ranked verdict. Use when asked for a holistic review rather than a single domain, and when `interface-review` hands up a change to route. Triggers on better-interface, holistic interface review, review the whole screen.
Detects and prevents visual misleads, cognitive biases, and data integrity violations in visualizations, dashboards, reports, and presentations. Audits charts for honesty, diagnoses misinterpretation causes, and provides specific fixes. Invoke when user mentions chartjunk, misleading chart, truncated axis, data integrity, visual deception, 3D chart problems, cherry-picking data, or needs to audit visualizations for accuracy. For general design evaluation, use `design-evaluation-audit`. For cognitive foundations, use `cognitive-design`.
Design interfaces where colour is never the only way information is communicated. Use when designing status indicators, data visualisations, form validation, alerts, maps, or any content that uses colour to convey meaning. Triggers on: colour blind, color blind, colour alone, color alone, colour vision, color vision, red green, deuteranopia, protanopia, tritanopia, colour coding, status colour, chart colours, accessible colours.
Structured exposure habits for building taste through relentless, intentional consumption. Not passive scrolling. Active intake across design, architecture, film, music, food, and culture. Use when building a taste practice, advising on professional development, or diagnosing why someone's design range feels narrow.
This skill MUST be used to create or update a customer journey map, CJM、顧客旅程地圖、接觸點旅程表, from a customer profile and product or service, including a handoff_to_customer_journey_mapper block. It SHOULD also be used to add 情緒分數、情緒曲線、加減分原因 or a sparkline to a CJM. It MUST NOT be used for persona-only work, journey-preparation briefs, KPI-only dashboards, or backstage service blueprints.
This skill MUST be used to create, review, or update a persona, 人物誌, 顧客輪廓, 使用者輪廓 or a target-customer profile from research, audience clues, a product or service, or usage context. It SHOULD also be used when customer understanding needs a coherent profile of needs, behavior, decision factors, and constraints. Journey-preparation work is included only when explicitly requested. It MUST NOT add journey maps, stage planning, or handoff artifacts to persona-only requests.
Use when the user needs to turn DOCX, PDF, TXT, XLSX, research reports, business materials, or raw data into high-density, editable, consulting-style PPTX; also suitable for PPTs that require SCR argumentation, visual style exploration, detailed charts, and rendering quality checks.
Automatic compliance audit for the Hexagone design system (PrimeVue 4 + Tailwind CSS 4 + Hexagone tokens). Analyses the source code and the rendered UI of a page or component, detects violations, fixes them automatically and produces a report — all without user intervention. Use when the user wants to audit a page or component's design system compliance, fix PrimeVue/Tailwind/Hexagone tokens deviations, or mentions "design compliance" / "conformité design".
Ensures modern, professional UI design across SwiftUI, Android, and web platforms. Use when building ANY user interface components including buttons, forms, cards, layouts, navigation, or complete screens. Enforces clean minimal design, neutral color palettes with one accent color, 8px grid spacing system, proper typography hierarchy, and clear interactive states. Always reference before creating or modifying UI elements.
Provides design direction and visual system for web UI. Defines layout, typography, colour, and overall aesthetic for product (SaaS/admin/data-heavy) or marketing/brand experiences. Use when choosing visual direction, selecting colour palettes and fonts, establishing layout patterns, or starting a new UI design system.
Create user personas that include disability as a natural dimension of human diversity — not as a separate 'accessibility persona'. Use when creating personas, user profiles, proto-personas, or any representation of target users. Triggers on: persona, user persona, proto-persona, user profile, target user, who is the user, disability persona, accessibility persona, inclusive persona.
Guidelines and best practices for creating draw.io diagrams with proper formatting, font handling, and layout rules. Use when creating or editing .drawio files, generating architecture diagrams, or working with draw.io XML format. Ensures high-quality PNG output with correct Japanese text rendering and professional appearance.
Find the places in an iOS app's UI where motion would genuinely help, what to leave still, and what existing motion is broken or overdone; recommend real shipped interactions to copy for each. Use when asked where an app should animate, how to make it feel more alive or polished, to audit or review its motion or haptics, or what micro-interactions to add. Reads SwiftUI and UIKit code. iOS only.
This skill should be used when the user asks to "generate an icon", "create a favicon", "make an app icon", "create iOS icon", "create Android icon", "generate PWA icons", "make desktop app icon", "create Windows icon", "create macOS icon", "app store icon", "Play Store icon", "App Store icon", or needs AI-generated icons with platform-specific sizing.
Audit or improve an end-to-end service with Lou Downe's Good Services principles, journey maps, operational blueprints, and evidence-linked improvement work. Use for service outcomes across digital, human, and offline channels, not pure visual styling or a narrow code defect without a service-design question.
Build, customize, and debug advanced Hugo CMS themes — template architecture, asset pipeline (CSS/JS/image processing), shortcodes and render hooks, page bundles, cover images, Hugo Modules, performance, SEO, and CI/CD. Use when working on a Hugo theme or site template layer. Do not use this skill for unrelated requests; route to the nearest named specialist.
New to MCP?
From what the protocol is to installing your first server, these answers cover most first questions.
An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.