mcpField

Skills

97,222 packaged capabilities and playbooks for agents. Install any of them with one command.

Design & UI

S
sounds-on-the-web
sounds-on-the-web
raphaelsalaja / skill

Audit UI code for audio feedback best practices. Use when reviewing sound implementation, checking audio UX decisions, or auditing accessibility. Outputs file:line findings.

Design & UI212
S
syncfusion-maui-avatar-view
syncfusion-maui-avatar-view
syncfusion / maui-ui-components-skills

Implements Syncfusion .NET MAUI Avatar View (SfAvatarView) for displaying user profile pictures, initials, or group avatars. Use when working with avatar views, profile pictures, user images, initials display, profile icons, or contact images. Ideal for implementing user profile displays, contact lists, chat interfaces, or social feeds.

Development212
S
syncfusion-maui-busy-indicator
syncfusion-maui-busy-indicator
syncfusion / maui-ui-components-skills

Implements Syncfusion .NET MAUI Busy Indicator (SfBusyIndicator) for showing loading states, data processing, and app activity indicators. Use when displaying loading indicators, busy animations, activity spinners, or processing feedback in .NET MAUI apps. Covers busy indicator setup, animations, and visual feedback during long-running operations.

Development212
V
vision
vision
simota / agent-skills

Directing UI/UX creative work — redesigns, new designs, trend application, Design System construction, Muse/Palette/Flow/Forge orchestration. Use for design direction. Offers a co-design pair mode

Design & UI212
W
web-design-guidelines
web-design-guidelines
blockmatic / basilic-skills

Review UI code against Vercel Web Interface Guidelines. Use when asked to review UI, check accessibility, audit design, review UX, or check a site against web interface best practices.

Design & UI212
W
web-design-guidelines
web-design-guidelines
blockmatic-icebox / basilic-skills

Basilic Workflow Agent Skills

Design & UI212
A
article-to-html
article-to-html
agentara / skills

Render a markdown draft / any document in the conversation context into a single-file “paper proposal” HTML — serif body, monospace meta, numbered sections, inline SVG figures, callouts, tables, optional interactive elements. Trigger when the user says “turn this into HTML / render as a web page / make a pretty HTML / give me a single-page doc / generate article HTML / paper-style HTML / convert to article html / render this as a doc html” or similar, and wants a **static single file** rather than Figma/PDF/PPT. Also fires when the user pastes some markdown and says “beautify this / typeset this / give me a web version”. Do NOT trigger when the user wants slides, needs a backend, or needs a multi-page site.

Documents211
B
baseline-ui
baseline-ui
vercel-labs / open-agents

Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design consistency.

Design & UI211
F
form-cro
form-cro
davila7 / claude-code-templates

When the user wants to optimize any form that is NOT signup/registration — including lead capture forms, contact forms, demo request forms, application forms, survey forms, or checkout forms. Also use when the user mentions "form optimization," "lead form conversions," "form friction," "form fields," "form completion rate," or "contact form." For signup/registration forms, see signup-flow-cro. For popups containing forms, see popup-cro.

Marketing & growth211
H
html-ppt
html-ppt
aiden-44 / html-ppt-skill

HTML PPT Studio — author professional static HTML presentations in many styles, layouts, and animations, all driven by templates. Use when the user asks for a presentation, PPT, slides, keynote, deck, slideshow, "幻灯片", "演讲稿", "做一份 PPT", "做一份 slides", a reveal-style HTML deck, a 小红书 图文, or any kind of multi-slide pitch/report/sharing document that should look tasteful and be usable with keyboard navigation. Triggers include keywords like "presentation", "ppt", "slides", "deck", "keynote", "reveal", "slideshow", "幻灯片", "演讲稿", "分享稿", "小红书图文", "talk slides", "pitch deck", "tech sharing", "technical presentation", "피피티", "발표자료", "발표 자료 만들어줘", "슬라이드 만들어줘", "카드뉴스", "발표 대본", "프레젠테이션".

Documents211
R
react-email
react-email
blockmatic / basilic-skills

Use when building HTML email templates with React components, adding a visual email editor to an application using the React Email visual editor, rendering emails to HTML, or sending emails with Resend. Covers welcome emails, password resets, notifications, order confirmations, newsletters, transactional emails, and the embeddable email editor component

Development211
R
react-email
react-email
blockmatic-icebox / basilic-skills

Basilic Workflow Agent Skills

Development211
S
syncfusion-maui-accordion
syncfusion-maui-accordion
syncfusion / maui-ui-components-skills

Implements Syncfusion® .NET MAUI Accordion (SfAccordion) - a vertically collapsible panel with stacked headers for expanding/collapsing content. Use when working with accordions, collapsible panels, expandable lists, employee lists with details, or FAQ sections in .NET MAUI applications. Covers AccordionItem configuration, expand modes, and grouped content display.

Development211
S
syncfusion-maui-cards
syncfusion-maui-cards
syncfusion / maui-ui-components-skills

Implements Syncfusion .NET MAUI Cards (SfCards) - dismissible card views and swipeable card stacks. Use when working with cards, card views, card layouts, swipeable cards, dismissible cards, or card stacks in .NET MAUI. Covers card customization, card events, card data binding, and interactive card components with swipe functionality.

Development211
S
syncfusion-maui-maps
syncfusion-maui-maps
syncfusion / maui-ui-components-skills

Implements Syncfusion® .NET MAUI Maps (SfMaps) control. Use when implementing maps, visualizing geographic data, or displaying shape layers and tile layers (OpenStreetMap, Azure maps, Google Maps, Bing Maps). Covers markers, bubbles, legends, data labels, tooltips, sublayers, zoom and pan features, or spatial data visualization in .NET MAUI applications.

Development211
U
user-research-cookiy
user-research-cookiy
podo / design-agent-skills

End-to-end user research assistant, qualitative and quantitative. Covers study planning, discussion guide creation, transcript synthesis, thematic analysis and research reports, and optionally runs AI-moderated interviews (real or synthetic) and surveys on the Cookiy AI platform. Published by Cookiy.

Design & UI211
U
ux-writing-arabic
ux-writing-arabic
itady74 / ux-writing-arabic

دليل شامل لكتابة تجربة المستخدم (UX Writing) والتصميم المحتوى العربي. Use when writing Arabic content for apps, websites, error messages, buttons, labels, notifications, empty states, confirmation dialogs, success messages, form fields, help text, and any user-facing Arabic text. Also use for content strategy, copywriting, microcopy, and Arabic tone/voice guidelines.

Design & UI211
W
wireframer
wireframer
agilek / wireframer-skill

Use this skill to generate a wireframe, mockup, or low-fidelity clickable prototype of any web UI. Invoke whenever the user mentions wireframing, mocking up, prototyping, or sketching out a UI — including phrases like "lo-fi prototype", "rough layout", "Balsamiq-style", "hand-drawn UI", "clickable prototype", "sketch the screens", "visualize the flow", or "show what the app would look like". Also use when the user wants to ideate before writing production code, prepare a concept for stakeholders, run a design sprint, or asks about react-doodle-icons. Produces a self-contained SPA with sketchy hand-drawn aesthetics: wired-elements interactive components, graph-paper background, and doodle icons.

Design & UI211
C
Chatbot Designer
Chatbot Designer
jmsktm / claude-settings

Design conversational AI chatbots with optimal flows and user experience

Design & UI210
D
drawio-chart
drawio-chart
snailclimb / aiguide

Draw.io diagram specialist for generating and exporting `.drawio` diagrams. Use when the user requests draw.io, diagrams.net, flowcharts, architecture diagrams, sequence diagrams, ER diagrams, state diagrams, mind maps, or explicitly mentions `.drawio`, PNG, SVG, PDF export, or illustrations for technical articles. By default, produces a professional technical style and follows the visual guidelines of floracat-architecture-diagram.

Design & UI210
F
frontend-developer
frontend-developer
dhruvjainin / absolute

Absolute skills to 10x your development lifecycle

Development210
F
frontend-developer
frontend-developer
maddhruv / absolute

Absolute skills to 10x your development lifecycle

Development210
S
software-ux-research
software-ux-research
vasilyu1983 / ai-agents-public

Guides user research and research ops. Use when running interviews, usability tests, surveys, or synthesis to de-risk product decisions; not experiments or review mining

Design & UI210
S
syncfusion-maui-badge-view
syncfusion-maui-badge-view
syncfusion / maui-ui-components-skills

Implements Syncfusion .NET MAUI Badge View (SfBadgeView) control. Use when adding badge notifications, status indicators, unread counts, or notification overlays to MAUI applications. Covers SfBadgeView setup, badge text customization, position adjustments, animations, predefined symbols, and accessibility features.

Design & UI210
S
syncfusion-maui-calendar
syncfusion-maui-calendar
syncfusion / maui-ui-components-skills

Implements and customizes the Syncfusion .NET MAUI Calendar (SfCalendar) control. Use when implementing calendar functionality, date selection (single, multiple, range), or calendar views (month, year, decade, century). Covers MinimumDisplayMode and MaximumDisplayMode to restrict the user-navigable view range, date restrictions (min/max dates, EnablePastDates, SelectableDayPredicate), calendar customization, events (ViewChanged, SelectionChanged, Tapped), and header/footer customization.

Design & UI210
S
syncfusion-maui-carousel
syncfusion-maui-carousel
syncfusion / maui-ui-components-skills

Implements Syncfusion .NET MAUI Carousel (SfCarousel) for navigating through image data or content collections. Use when implementing carousel controls, populating carousel items, or configuring view modes (linear/default). Covers animations, load more functionality, UI virtualization, transformations, and swipe events.

Development210
S
syncfusion-maui-circular-charts
syncfusion-maui-circular-charts
syncfusion / maui-ui-components-skills

Implements Syncfusion® .NET MAUI Circular Charts (SfCircularChart), including pie, doughnut, and radial bar chart types. Use for circular data visualization, pie charts, doughnut charts, or radial bar charts. Ideal for percentage breakdowns, category comparisons, part-to-whole relationships, or displaying proportional data in a circular format.

Design & UI210
S
syncfusion-maui-pull-to-refresh
syncfusion-maui-pull-to-refresh
syncfusion / maui-ui-components-skills

Implements the Syncfusion® .NET MAUI PullToRefresh (SfPullToRefresh) control for interactive content refreshing. Use when working with pull-to-refresh, refresh controls, swipe to refresh, or updating content on pull gestures. Covers scenarios for refreshing ListView, DataGrid, or any scrollable content, customizing refresh indicators, MVVM refresh patterns, and pull-to-refresh events.

Development210
S
syncfusion-maui-switch
syncfusion-maui-switch
syncfusion / maui-ui-components-skills

Implements and customizes Syncfusion .NET MAUI Switch (SfSwitch) controls. Use for switches, toggle switches, on/off controls, or binary state controls in .NET MAUI applications. Covers switch customization (colors, sizes, icons), state changes, indeterminate states, and visual state managers.

Design & UI210
U
ui-screenshots
ui-screenshots
github / awesome-copilot

Capture screenshots of web apps during development using Playwright and PIL. Supports full-page captures, interactive states, and an iterate-on-crop workflow that avoids slow re-screenshots

Design & UI210
B
baoyu-slide-deck
baoyu-slide-deck
guanyang / open-agent-hub

Generates professional slide deck images from content. Creates outlines with style instructions, then generates individual slide images. Use when user asks to "create slides", "make a presentation", "generate deck", "slide deck", or "PPT".

Documents209
C
Customer Journey Mapper
Customer Journey Mapper
jmsktm / claude-settings

Map customer journeys to optimize touchpoints and experiences

Marketing & growth209
D
design-engineer
design-engineer
darasoba / design-engineer-plugin

Build interfaces with design engineering craft — the intersection of design and code. Use this skill when the user asks to build UI components, interactive elements, animations, micro-interactions, or polished web experiences. Triggers on mentions of "design engineer", "interaction design", "micro-interactions", "craft", "polish", "delight", "animation", "motion design", "haptics", "toast", "command palette", "design system components", or requests for interfaces that feel alive, responsive, and meticulously detailed. This skill should also be used when the user wants to add invisible details, fine-tune interactions, or make something "feel right". Complements the frontend-design skill by focusing specifically on interaction quality, motion, and engineering craft.

Design & UI209
G
gpt-image-2
gpt-image-2
glebis / claude-skills

Generate and edit images using OpenAI's GPT Image 2 API. Interactive skill that guides users through image creation with style presets, cost-aware draft/final workflow, thinking mode, carousels, and photo editing. This skill should be used when the user requests image generation via OpenAI/GPT Image 2, wants to create social media carousels, edit photos into artistic styles, or needs images with readable text (infographics, diagrams, posters).

Creative & media209
K
keyboard
keyboard
mgifford / accessibility-skills

Load this skill for every project containing interactive UI elements — buttons, links, modals, dropdowns, sliders, tabs, carousels, or any custom widget. Under no circumstances create an interactive component that cannot be fully operated by keyboard alone. Absolutely always ensure visible focus indicators, logical tab order, and no keyboard traps. Apply these rules to every interactive element without exception.

Design & UI209
R
replit-deck
replit-deck
nexu-io / open-design

Single-file horizontal-swipe HTML deck in the style of Replit Slides's landing-page template gallery. Eight distinct themes (helix, holm, vance, bevel, world-dark, world-mint, atlas, bluehouse) — each a complete visual system (palette + type + accent) captured from replit.com/slides. Pick one theme, do not mix. For pitch decks, board reports, brand memos, campaign reveals — when the user explicitly wants "Replit Slides style".

Documents209
S
slides-audit
slides-audit
mpuig / agent-slides

Run technical quality checks on an existing deck. Finds and fixes font size violations, shape overlaps, contrast issues, missing sources, and layout compliance problems. Use when the user says “check the deck for issues”, “run QA”, “lint the slides”, “are there any formatting problems”, “audit the presentation”, or wants to verify visual quality before sharing.

Documents209
S
slides-build
slides-build
mpuig / agent-slides

Build a complete presentation deck from a brief. Generates storytelling plan, slide operations, renders the deck, and runs QA. Requires extracted template contracts from /slides-extract. Use when the user wants to create slides, build a deck, generate a presentation, write a strategy deck, or says things like “make me a 10-slide deck on X”, “create a presentation about Y”, “build slides for the board meeting”.

Documents209
S
slides-extract
slides-extract
mpuig / agent-slides

Extract template contracts from a .pptx file. Produces layout catalogs, archetypes, a resolved manifest, and a clean base template for slides-build. Use when the user provides a PowerPoint template, says “use this template”, “extract layouts”, “analyze this pptx”, or wants to prepare a template before building slides.

Documents209
S
syncfusion-maui-circular-progressbar
syncfusion-maui-circular-progressbar
syncfusion / maui-ui-components-skills

Implement and customize Syncfusion® .NET MAUI Circular ProgressBar (SfCircularProgressBar) components. Use when working with circular progress bars, circular progress indicators, radial progress, progress circles, or arc progress in .NET MAUI applications. Covers determinate/indeterminate progress states, animated progress indicators, segmented circular progress, and custom angles.

Design & UI209
S
syncfusion-maui-date-time-picker
syncfusion-maui-date-time-picker
syncfusion / maui-ui-components-skills

Implements Syncfusion .NET MAUI DateTimePicker (SfDateTimePicker) control. Use when implementing date and time selection, datetime pickers, or date-time input interfaces in .NET MAUI applications. Covers DateTimePicker setup, formatting dates/times, picker modes (dialog/relative), customization, date restrictions, intervals, events, localization, and accessibility.

Design & UI209
S
syncfusion-maui-expander
syncfusion-maui-expander
syncfusion / maui-ui-components-skills

Implements the Syncfusion® .NET MAUI Expander (SfExpander) control for collapsible and expandable content sections. Use when working with expanders, collapsible sections, accordions, expandable panels, or expand/collapse functionality in .NET MAUI applications. Covers space-efficient layouts, header customization, expand/collapse animations, and liquid glass effects.

Design & UI209
S
syncfusion-maui-masked-entry
syncfusion-maui-masked-entry
syncfusion / maui-ui-components-skills

Implements the Syncfusion .NET MAUI Masked Entry (SfMaskedEntry) control for restricted, formatted text input using mask patterns. Use for masked input, text masks, formatted entries, phone number input, date input with formatting, or validation with masks. Covers simple masks, RegEx masks, prompt characters, and automatic formatting with validation.

Design & UI209
S
syncfusion-maui-navigation-drawer
syncfusion-maui-navigation-drawer
syncfusion / maui-ui-components-skills

Implements the Syncfusion .NET MAUI Navigation Drawer (SfNavigationDrawer) component. Use for navigation drawers, sliding drawers, side menus, hamburger menus, or drawer panels in .NET MAUI apps. Covers drawer positioning (left/right/top/bottom), animations (SlideOnTop/Push/Reveal), content management, swipe gestures, and events.

Design & UI209
S
syncfusion-maui-numeric-entry
syncfusion-maui-numeric-entry
syncfusion / maui-ui-components-skills

Implements the Syncfusion .NET MAUI Numeric Entry control. Use for numeric input with validation, formatting (currency, percentage, decimal), value increment/decrement buttons, or range restrictions. Ideal for price inputs, quantity selectors, percentage calculators, or numeric data entry with custom formats.

Design & UI209
S
syncfusion-maui-polar-charts
syncfusion-maui-polar-charts
syncfusion / maui-ui-components-skills

Implements Syncfusion® .NET MAUI Polar Charts (SfPolarChart) for visualizing data in polar coordinates. Use when working with polar charts, radar charts, spider charts, web charts, or circular data visualization. Ideal for displaying data in terms of values and angles, creating line or area series in polar layouts, or comparing multiple data series radially.

Design & UI209
S
syncfusion-maui-pyramid-charts
syncfusion-maui-pyramid-charts
syncfusion / maui-ui-components-skills

Implements Syncfusion® .NET MAUI Pyramid Chart (SfPyramidChart) for visually representing hierarchical, proportional, and parts-to-whole data using pyramid-shaped segments. Use this for pyramid charts, hierarchical data visualization, proportional data display, or segment-based charts. This skill covers installation, data binding, legends, tooltips, data labels, appearance customization, and gradients.

Design & UI209
S
syncfusion-maui-theming
syncfusion-maui-theming
syncfusion / maui-ui-components-skills

Themes and styles Syncfusion .NET MAUI components. Use with SyncfusionThemeResourceDictionary, MaterialLight, MaterialDark, CupertinoLight, CupertinoDark, visual themes, or theme switching. Covers theme customization, color overrides, theme keys, dark mode, light mode, and branding.

Design & UI209
A
accessibility
accessibility
evanca / flutter-ai-rules

Use when working on accessibility, a11y, WCAG, ARIA, screen readers, keyboard nav, focus order, contrast, alt text, captions, reduced motion, or target sizes; not language/culture/device (see inclusive-design).

Design & UI208
B
baoyu-cover-image
baoyu-cover-image
guanyang / open-agent-hub

Generates article cover images with 5 dimensions (type, palette, rendering, text, mood) combining 11 color palettes and 7 rendering styles. Supports cinematic (2.35:1), widescreen (16:9), and square (1:1) aspects. Use when user asks to "generate cover image", "create article cover", or "make cover"

Creative & media208
C
canvas-apps-ui-gen
canvas-apps-ui-gen
toluvictor / canvas-apps-tools

Generates paste-ready Power Apps Canvas App YAML. Invoke when the user wants to replicate a UI mockup, improve an existing Canvas app screen, or build a new screen from a text description. Also invoke when the user asks to “improve”, “redesign”, or “generate YAML” for a Canvas app screen.

Design & UI208
C
chat-customizations-editor
chat-customizations-editor
microsoft / vscode

Use when working on the Chat Customizations editor — the management UI for agents, skills, instructions, hooks, prompts, MCP servers, and plugins.

Development208
D
discord-graphics-generation
discord-graphics-generation
eachlabs / skills

Generate Discord server graphics using each::sense AI. Create server icons, banners, role icons, welcome graphics, event banners, bot avatars, emojis, and more optimized for Discord's format requirements.

Design & UI208
G
guizang-ppt-skill
guizang-ppt-skill
seandongx / guizang-ppt-skill

Create a horizontal swipe-style web PPT (single HTML file) with templates such as WebGL backgrounds, chapter title slides, large data callouts, and image grids. Offers three styles: ① “Electronic magazine × e-ink” (serif, fluid backgrounds, warm colors); ② “Swiss International Style” (sans serif, grid patterns, IKB/lemon yellow/lemon green/safety orange accents); ③ “Huawei corporate presentation” (white and gray background, Huawei red, corporate summary/planning/business presentation layouts). Use when users need a web PPT for sharing, speaking, or product launches, or mention “magazine-style PPT,” “Swiss-style PPT,” “Huawei PPT,” “corporate presentation template,” “Swiss Style,” or “horizontal swipe deck.”

Documents208
H
html-ppt
html-ppt
nexu-io / open-design

For consulting delivery work: turn diagnosis, frameworks, and project work into a client-adoptable action plan. Built around the core query "consulting-final-deck", with engagement manager judgment, buyer-ready proof, and this outcome: accept the recommendation and commit owners to the roadmap.

Documents208
R
responsive-ui
responsive-ui
jame581 / godotprompter

Use when handling multiple resolutions — stretch modes, aspect ratios, DPI scaling, and mobile/desktop adaptation

Design & UI208
S
sgds-writing
sgds-writing
govtechsg / sgds-web-component

Writing style guide for the Singapore Government Design System (SGDS). Use when writing or reviewing UI copy, documentation, labels, error messages, tooltips, or any content that accompanies SGDS components. Covers tone, grammar, spelling, casing, punctuation, and plain language principles

Design & UI208
S
syncfusion-maui-autocomplete
syncfusion-maui-autocomplete
syncfusion / maui-ui-components-skills

Implements and configure Syncfusion .NET MAUI Autocomplete (SfAutocomplete) control for intelligent text input with suggestions. Use when implementing autocomplete, autosuggest, type-ahead search, smart search, or filtered dropdowns in .NET MAUI applications. Covers data binding, filtering modes, custom search logic, AI-powered search, multi-selection with tokens, and UI customization.

Design & UI208
S
syncfusion-maui-chat
syncfusion-maui-chat
syncfusion / maui-ui-components-skills

Implements Syncfusion® .NET MAUI Chat (SfChat) control in .NET MAUI applications. Use when working with chat interfaces, messaging UI, conversational interfaces, chat bubbles, or message threads. Covers message types (text, image, calendar, card), data binding, events, suggestions, typing indicators, time breaks, and swiping actions.

Design & UI208
S
syncfusion-maui-getting-started
syncfusion-maui-getting-started
syncfusion / maui-ui-components-skills

Sets up and configures Syncfusion .NET MAUI components. Use when setting up, configuring, installing, or licensing Syncfusion .NET MAUI applications. Covers installation (NuGet, installers), licensing (generation, registration, errors), themes (Material, Cupertino, customization), AI service integration (Azure OpenAI, Claude, Gemini, DeepSeek, Groq), and package upgrades.

Development208
4261–4320 of 10,627

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.