mcpField

Skills

收录 96,981 个为 Agent 打包的专项能力与操作指引,复制一行命令即可安装。

设计与 UI

F
fstack-design
fstack-design
flaviocopes / fstack

修正 AI 生成的设计,使其符合项目现有风格并真正出色。当新 UI 看起来不对、不一致,或像通用的 AI 垃圾设计时使用。

设计与 UI63
G
galileo-ai
galileo-ai
partme-ai / full-stack-skills

为 Galileo AI 设计工具提供全面指导,包括 AI 辅助设计、组件生成和设计自动化。当用户询问 Galileo AI、需要用 AI 进行设计、生成设计组件或自动化设计工作流时使用。

设计与 UI63
G
giime-components
giime-components
giikin / skills

【必读·强制】Giime 组件库强制使用规范。编写或修改任何涉及 UI 组件的前端代码前必须先阅读本技能。涵盖 gm-* 组件增强特性、GmConfirmBox/GmMessage/GmCopy 等插件用法、常用代码模式及 MCP 文档获取方式。

开发63
G
grilling-frontend-prototyping
grilling-frontend-prototyping
will-ness-ai / skills

通过多轮原型与评审结论收敛前端外观。当用户想针对具体变体反复打磨 UI/视觉品味,或 wayfinder 原型工单点名此 Skill 时使用。

设计与 UI63
G
growth-design-review
growth-design-review
woakin / growth-design-review

依据 Product Psychology、Behavioral Economics 和 Growth Design 框架(Psych、B.I.A.S.、C.L.E.A.R.、UI Rules of Thumb、Psychological Triggers)审查 UI 设计和前端代码。在被要求“评审我的设计”、“审计增长 UX”、“优化转化率”、“评审电商页面”、“审计结账流程”、“评审定价表”、“评审新用户引导”或“为我的 UI 提出开发计划”时使用。

设计与 UI63
H
html-ppt-zhangzara-signal
html-ppt-zhangzara-signal
nexu-io / open-design

OpenDesign 的战略备忘录:现在是否应将插件注册表变现,还是暂缓——选项、风险与建议。为 CEO 和战略团队打造的一份决策级企业战略演示文稿。

文档处理63
I
iblai-notification

为你的 Next.js 应用添加通知铃铛和通知中心页面

开发63
I
icon-generator
icon-generator
dkyazzentwatwa / chatgpt-skills

从单张源图片生成多种尺寸的应用图标和 favicon。支持 iOS、Android、Web favicon 和社交媒体格式。

设计与 UI63
I
imagery
imagery
aladicf / better-react-web-ui

改进界面中照片、屏幕截图、图标、插图和用户上传媒体的使用方式,让视觉元素提升而非损害清晰度。用户提到图像、屏幕截图、背景照片、主视觉图片、图标尺寸、用户上传媒体、裁剪、叠加层或图像可读性时使用。

设计与 UI63
I
israeli-ui-design-system
israeli-ui-design-system
skills-il / localization

为以色列应用构建 RTL 优先的 UI 组件库和设计系统,并配以希伯来文排版。当用户询问希伯来文 UI 组件、"itzuv"(设计)、以色列设计系统、希伯来文字体搭配、RTL 组件库、"tipografia ivrit"(希伯来文排版)或 gov.il 设计模式时使用。涵盖 RTL 优先的组件架构、希伯来文字体搭配(Heebo+Inter、Rubik+Source Sans 3)、gov.il 设计系统模式、以色列格式约定(谢克尔符号、日在前日期、24 小时制),以及适合以色列用户文化习惯的 UI。请勿用于通用 RTL CSS(请用 hebrew-rtl-best-practices)或无障碍审计(请改用 israeli-accessibility-compliance)。

设计与 UI63
L
lazyweb-remove-inspo-source
lazyweb-remove-inspo-source
lazywebhq / lazyweb-skill

Lazyweb Agent 技能:从 /lazyweb:lazyweb-welcome 开始,提供免费的截图参考,可选付费使用 20k+ A/B Test Agent

设计与 UI63
M
makepad-skills
makepad-skills
sickn33 / agentic-awesome-skills

面向 Rust 应用的 Makepad UI 开发技能:搭建、模式、着色器、打包和排障。

开发63
M
matplotlib
matplotlib
tvhahn / matplotlib-skill

使用 Python 创建适合发表的 matplotlib/seaborn 图表,采用经过设计、去除上边框和右边框且注释丰富的风格(whitegrid、DejaVu Sans、ColorBrewer 和 cubehelix 调色板、深灰色文本),并保存可复现的脚本及 PDF/PNG。用户要求根据 Python 数据绘制图表、曲线、统计图或图形(如柱状图、折线图、散点图、直方图、小提琴图、棒棒糖图、热图、多面板网格、决策边界或 PR/ROC 曲线),或要求重设现有 matplotlib 图表样式时使用。对于只提及图表类型和数据文件的简短请求(例如“根据 results.npz 绘制 PR 和 ROC 曲线”),也应直接生成图表

数据与数据库63
M
miniprogram-iconfont
miniprogram-iconfont
shyxin / skills

微信小程序 Iconfont 图标集成技能。从 iconfont.cn 挑选下载图标,自动替换字体文件、更新 CSS、扫描并替换 WXML/JS 中的 emoji 为 iconfont 类名。触发词:"更新图标"、"添加图标"、"替换 emoji"、"iconfont"、"图标集成"、"小程序图标"。

设计与 UI63
M
motion-picture
motion-picture
firatcand / founder-skills

适用于规划、审查或明确视频的动效与视觉表现:镜头列表、故事板、色彩脚本、转场、缓动、动态字体、节奏、留存或动画原则。触发词:'video plan'、'shot list'、'storyboard'、'color script'、'motion spec'、'fix the pacing'、'explainer/demo/brand video'。关于口头文案本身,使用 script-writer-skill;关于代码内的 UI 动效,使用 frontend-design。

创意与媒体63
M
muapi-3d-logo-animation
muapi-3d-logo-animation
samuraigpt / muapi-skills

将 2D 标志转换为高质量 3D 版本,并添加专业的电影级动效。

创意与媒体63
M
muapi-blog-header
muapi-blog-header
samuraigpt / muapi-skills

生成专业且吸睛的博客文章头图,尺寸为网页标准(1200×628),并可提供可选的标题构图建议。

设计与 UI63
M
muapi-color-analysis-board
muapi-color-analysis-board
samuraigpt / muapi-skills

把人像照片变成高端杂志风格的「色彩分析板」(Dior / Ralph Lauren 风格)——最佳配色、冷暖色调、妆容指南、胶囊衣橱、发型与珠宝建议,全部排布在干净的米色/象牙白网格上。

创意与媒体63
M
muapi-design-guide
muapi-design-guide
samuraigpt / muapi-skills

创建一套完整的品牌设计指南:配色方案、字体搭配、UI 组件预览,以及带有示例模型图的视觉识别规范。

设计与 UI63
M
muapi-interior-design
muapi-interior-design
samuraigpt / muapi-skills

创建专业的室内设计可视化效果——重新设计现有房间、生成新的房间概念,或在空间中呈现特定家具风格。

设计与 UI63
M
muapi-interior-design-visualizer
muapi-interior-design-visualizer
samuraigpt / muapi-skills

通过生成空房间并填入时尚家具与装饰,或重新设计现有房间,来呈现室内设计效果。

设计与 UI63
M
muapi-logo-branding
muapi-logo-branding
samuraigpt / muapi-skills

设计专业标志,并提供完整的品牌方案——主标志、各类变体(深色/浅色/仅图标)、配色方案以及真实场景应用效果图。

设计与 UI63
M
muapi-logo-generator
muapi-logo-generator
samuraigpt / muapi-skills

为任意品牌快速生成一款精致的 logo — 快速、聚焦,单一输出,干净的矢量风格与准确的品牌名称文字。

设计与 UI63
M
muapi-rednote-cover
muapi-rednote-cover
samuraigpt / muapi-skills

创建小红书(RedNote/小红书)风格的封面图:色彩鲜艳、突出生活方式,叠加有质感的文字排版,适合中国社交平台。

创意与媒体63
M
muapi-ui-design
muapi-ui-design
samuraigpt / muapi-skills

使用原子化设计原则为移动端和 Web 应用生成高保真 UI/UX 模型图—— 通过 muapi.ai 创建线框图和设计系统

设计与 UI63
M
muapi-url-to-design
muapi-url-to-design
samuraigpt / muapi-skills

分析网站 URL 并生成重新设计、改进后的 UI——以现代美学、更好的信息层级和全新的品牌方向重现视觉设计。

设计与 UI63
N
normalize
normalize
aladicf / better-react-web-ui

审查并调整 UI,使其符合设计系统的标准、间距、令牌和模式。适用于用户提到一致性、设计偏差、样式不匹配、令牌,或希望让某项功能重新符合系统规范时。

设计与 UI63
O
oil-frontend
oil-frontend
oil-oil / oil-frontend

当任务需要实现、修改、重构或评审产品前端的可见界面、交互行为、前端状态与数据流、组件或样式组织时主动使用,无需用户点名;也用于这些前端行为的测试与验证策略。适用于页面、表单、列表、弹窗、响应式、样式与动效实现和前端代码归属调整。不用于视觉风格、配色、排版与设计方向这类设计判断,也不用于纯后端、构建部署、依赖升级、只修导入路径的机械改动、仅操作现有网站、仅生成设计图片或讨论本 Skill;用户明确要求不使用时不触发。

开发63
O
oma-design
oma-design
first-fluke / oh-my-agent

定义或审查视觉系统、DESIGN.md 或重设计方向。

设计与 UI63
O
on-page
on-page
gtmagents / gtm-agents

在撰写或更新页面以对齐文案、UX 和转化时使用。

营销与增长63
P
powerapps-yaml
powerapps-yaml
rohbunny01 / powerapps-skills

使用 pa.yaml v3 schema 生成可粘贴到 Power Apps Studio 的 YAML 代码。包含现代控件、缓存模式、带集合的 Gallery,以及所有经验教训,助你无错误地进行 vibe coding。触发条件:用户要求以 YAML 格式为 Power Apps 创建屏幕、控件或代码时。

开发63
R
remotion-creative
remotion-creative
phamthanhnghia / remotion-agent-skills

面向 Remotion 视频的非动画创意指导。用于设计规范处理、配色、排版、旁白、节拍规划和构图模式。

创意与媒体63
R
research
research
openai / role-specific-plugins

针对用户指定的数字产品,就用户正在经历的最高信号问题进行快速、有来源依据的 UX 研究。当用户要求研究某个指定产品的用户痛点、UX 摩擦、入门问题、文档/帮助问题、开发者体验摩擦、支持痛点、产品工作流问题或当前用户抱怨时使用。

设计与 UI63
R
responsive-ui-qa
responsive-ui-qa
divyanshu-iitian / agent-website-design-skills

检查、诊断、修复并验证跨路由、状态、容器和输入模式的响应式前端缺陷。适用于移动端或桌面端 QA、溢出、重叠、导航损坏、不稳定网格、文本被裁剪、媒体空白、视口回归、截图对比以及实现后的视觉验证。

测试与质量63
R
reviewstudio
reviewstudio
membranedev / application-skills

Review Studio 集成。管理数据、记录并自动化工作流。当用户需要与 Review Studio 数据交互时使用。

创意与媒体63
S
scenario-roblox-ui
scenario-roblox-ui
scenario-labs / skills

适用于构建或修复 Roblox 游戏 UI 或输入:HUD(生命条、货币、技能冷却时间)、主菜单、带滚动网格的商店、设置界面、库存;“手机上的 UI 缩放不正确”、按钮被跳跃按钮挡住、平板或电视上的 UI 太小、纵向和横向布局、顶栏和安全区域、Scale 与 Offset、UIListLayout、UIGridLayout、UIFlexItem、StyleSheets 和主题、游戏手柄或主机菜单导航、Input Action System(InputContext、InputAction、InputBinding)、迁移 ContextActionService、PreferredInput、减少动态效果和无障碍功能、本地化和 AutoLocalize、React、Fusion 或 Vide、Device Simulator,以及无需手机测试 UI。

设计与 UI63
S
search
search
aladicf / better-react-web-ui

设计或改进搜索体验、结果展示和筛选界面。当用户要求添加搜索、重新设计搜索结果、提升可发现性、构建自动补全、添加筛选器或修复零结果死胡同时使用。

设计与 UI63
S
site-architecture
site-architecture
syntax-syndicate / marketing-skills

当用户想要规划、梳理或重构网站的页面层级、导航、URL 结构或内链时使用。用户提到 “sitemap”“site map”“visual sitemap”“site structure”“page hierarchy”“information architecture”“IA”“navigation design”“URL structure”“breadcrumbs”“internal linking strategy”“website planning”“what pages do I need”“how should I organize my site” 或 “site navigation” 时也使用。只要有人在规划网站应有哪些页面以及它们如何连接,就使用此技能。不适用于 XML sitemap(那属于技术 SEO——见 seo-audit)。若要做 SEO 审计,见 seo-audit。若要处理结构化数据,见 schema-markup。

设计与 UI63
S
syncfusion-javascript-dropdowntree
syncfusion-javascript-dropdowntree
syncfusion / javascript-ui-controls-skills

实现 Syncfusion Dropdown Tree 控件,以下拉形式显示层级数据。适用于从层级数据中实现单选或多选、启用带父子依赖状态的复选框、懒加载大数据集、用模板自定义树项目以及配置多语言支持。全面涵盖属性、方法、事件、数据绑定模式、复选框选择、模板和无障碍功能。

开发63
S
syncfusion-javascript-file-manager
syncfusion-javascript-file-manager
syncfusion / javascript-ui-controls-skills

使用 Syncfusion JavaScript FileManager 组件构建文件管理界面。在创建文件浏览器、实现文件操作、启用上传/下载功能、自定义工具栏和上下文菜单、配置拖放以及为文件系统实现数据绑定时使用。涵盖虚拟化、访问控制、本地化和企业级文件操作。

开发63
S
syncfusion-vue-ai-assistview
syncfusion-vue-ai-assistview
syncfusion / vue-ui-components-skills

实现 Syncfusion Vue AI AssistView 组件。只要用户需要创建对话式 AI 界面、聊天机器人、提示词-响应系统,或在 Vue 应用中集成 OpenAI、Gemini 或 Claude 等 AI 服务,就使用此技能。包括设置、提示词管理、建议、自定义、事件处理、模板、Markdown 响应、AI 服务集成、思维链可视化、使用动态工具的生成式 UI、文本转语音、AI 指标遥测(时长、token、工具调用)以及提示词编辑器中的提及功能。

开发63
S
syncfusion-vue-inline-ai-assist
syncfusion-vue-inline-ai-assist
syncfusion / vue-ui-components-skills

实现 Syncfusion Vue Inline AI Assist 组件,以进行 AI 驱动的文本处理。在实现内联 AI 助手、提示词响应交互、自定义命令弹出窗口、响应操作、语音输入(语音转文本)、事件处理,或需要将 AI 驱动的功能直接集成到 Vue 应用中以支持文本编辑、摘要或内容处理工作流时,使用此技能。

开发63
S
syncfusion-vue-kanban
syncfusion-vue-kanban
syncfusion / vue-ui-components-skills

实现用于基于列的看板式任务板 UI 的 Syncfusion Vue Kanban 组件,支持拖放、泳道、WIP 限制和虚拟滚动。当构建冲刺看板、kanban 看板、工作流跟踪器或任何基于列的任务管理 UI 时使用。涵盖数据绑定(本地和远程)、卡片、列、对话框、事件和可访问性。

开发63
T
tailwind4-expert
tailwind4-expert
yuniorglez / gemini-elite-core

Tailwind CSS 4.0+、CSS-First 架构与现代设计系统方面的资深专家。在配置主题、从 v3 迁移或实现原生容器查询时使用。

设计与 UI63
T
tauri-svelte-ui-components
tauri-svelte-ui-components
oimiragieo / agent-studio

适用于 Tauri 应用中 Svelte UI 组件开发的特定规则。

开发63
T
test
test
aladicf / better-react-web-ui

为视觉回归、交互和无障碍构建或改进 UI 测试覆盖。当用户要求测试策略、自动化测试、测试环境搭建,或修复不稳定的 UI 测试时使用。一次性的浏览器检查或视觉评审不需要新建测试套件。

测试与质量63
T
theme-factory
theme-factory
mavcui / agent-skills-hunter

Agent Skills 终极集合地,一站式装载,“让每一寸上下文都发挥到极致” The Ultimate Collection of 400+ High-Quality Agent Skills for Claude AI — Creative, Technical & Enterprise Workflows

设计与 UI63
T
theme-factory
theme-factory
mavscui / agent-skills-hunter

Agent Skills 终极集合地,一站式装载,“让每一寸上下文都发挥到极致” The Ultimate Collection of 400+ High-Quality Agent Skills for Claude AI — Creative, Technical & Enterprise Workflows

设计与 UI63
T
theme-factory
theme-factory
zhanlincui / agent-skills-hunter

用于为各类成品应用主题样式的工具包,包括幻灯片、文档、报告、HTML 落地页等。提供 10 种预设配色和字体主题,可应用于已创建的成品,也可即时生成新主题。

设计与 UI63
T
theme-scss
theme-scss
ahmed-lakosha / odoo-plugins

Odoo 主题的完整 SCSS 变量参考。涵盖全部三个核心变量系统:$o-theme-font-configs(Google Fonts)、$o-color-palettes(含 5 种语义颜色的颜色系统),以及 $o-website-values-palettes(用于排版、按钮、输入框、页眉、页脚、布局的 115+ 个键)。包含 SCSS 加载顺序规则和颜色派生。 <example> Context: User asks about SCSS variables user: "What SCSS variables can I configure in my Odoo theme?" assistant: "I will use the theme-scss skill to show the complete variable reference." <commentary>Variable reference lookup.</commentary> </example> <example> Context: User wants to configure colors user: "How do I set up o-color-1 through o-color-5?" assistant: "I will explain the semantic color system and palette configuration." <commentary>Color palette configuration.</commentary> </example> <example> Context: User gets undefined variable error user: "I get 'Undefined variable $o-color-palettes' in my theme" assistant: "This is a SCSS load order issue. Theme files load BEFORE core variables." <commentary>SCSS debugging - load order issue.</commentary> </example> <example> Context: User wants to configure fonts user: "How do I add Google Fonts to my Odoo theme?" assistant: "Use $o-theme-font-configs with the font query parameter, not the full URL." <commentary>Font configuration.</commentary> </example>

设计与 UI63
T
theme-snippets
theme-snippets
ahmed-lakosha / odoo-plugins

完整的 Odoo 网站 snippet 参考与创建指南。涵盖 snippet 架构、81+ 静态 snippet 模板(结构、画廊、功能、动态、内部内容、大型菜单)、动态 snippet 系统、snippet 选项(we-* 元素)、面向 Odoo 14-19 的自定义 snippet 创建,以及版本感知注册(simple 与 groups)。<example> 上下文:用户想创建自定义 snippet 用户:“为我的 Odoo 网站创建一个自定义 snippet” 助手:“我将创建一个包含模板、注册和选项的版本感知 snippet。” <commentary>自定义 snippet 创建。</commentary> </example> <example> 上下文:用户想了解可用的 snippet 用户:“Odoo 中有哪些可用的 snippet?” 助手:“Odoo 在 6 个类别中提供 81+ 静态 snippet。” <commentary>snippet 清单参考。</commentary> </example> <example> 上下文:用户想要动态 snippet 用户:“创建一个显示最新产品的动态 snippet” 助手:“我将创建一个包含过滤器、显示模板和数据源的动态 snippet。” <commentary>动态 snippet 创建。</commentary> </example> <example> 上下文:用户需要 snippet 选项 用户:“为我的 snippet 添加自定义选项” 助手:“我将创建包含 we-* 元素的 snippet_options XML。” <commentary>snippet 选项系统。</commentary> </example>

设计与 UI63
T
trace
trace
simota / agent-skills

分析会话回放,提取基于人物角色的行为模式,并讲述 UX 问题。从真实用户操作日志中读出“为什么”。与 Field/Echo 配合进行人物角色验证。

设计与 UI63
T
typeset
typeset
aladicf / better-react-web-ui

通过调整字体选择、字号比例、层级、字重和易读性来改善 UI 排版,让文本呈现更协调。用户提到字体、排版、字号比例、易读性、文本层级,或字号不合适时使用。

设计与 UI63
U
ui-builder-patterns
ui-builder-patterns
serac-labs / serac

构建 ServiceNow UI Builder / Next Experience 页面——macroponent、GraphQL/脚本数据代理、客户端状态参数、事件处理器(NOW_RECORD_LIST 等),以及 now-record-list/form 组件配置。

设计与 UI63
U
ui-ux-pro-max-skill
ui-ux-pro-max-skill
nguyenphiikhanh / netro

高端设计与微交互工具包

设计与 UI63
U
userpilot
userpilot
membranedev / application-skills

Userpilot 集成。管理数据、记录并自动化工作流。当用户需要与 Userpilot 数据交互时使用。

营销与增长63
U
ux-principles
ux-principles
miles990 / claude-software-skills

面向开发者的用户体验设计原则

设计与 UI63
V
vibe-to-ui
vibe-to-ui
monkeyui-dev / vibe-to-ui

从截图、网站 URL、灵感图片、音乐或模糊的美学意图出发,进行设计系统、动效、情绪板、空间布局、视觉资产、Design Context 配置文件和全局 Inspiration Library 的设计。对页面原型进行分类,在锁定 token 前探索 3 个具备产品意识的方向(除非是精确还原),并且仅在确认后应用。在设计或重塑 UI、在 ~/.vibe-to-ui/inspirations 下收集设计灵感、提取 token/动效、生成资产、在 ~/.vibe-to-ui 下保存品牌上下文,或对 Design Context 进行 Git 远程同步以便跨设备共享时使用。

设计与 UI63
V
visual-assets
visual-assets
dralgorhythm / claude-agentic-framework

创建和管理视觉素材。在创建图形、图标或图像时使用。涵盖素材格式和优化。

设计与 UI63
W
web-design-guidelines
web-design-guidelines
epicenterhq / epicenter

检查 UI 代码是否符合 Web 界面指南。当被要求「审查我的 UI」、「检查可访问性」、「审计设计」、「审查用户体验」或「根据最佳实践检查我的网站」时使用。

设计与 UI63
第 7981–8040 条,共 10,586 条

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。