mcpField

Skills

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

设计与 UI

V
vr-ar-development
vr-ar-development
omer-metin / skills-for-antigravity

擅长使用 WebXR 和空间计算原理构建沉浸式 VR/AR 体验。当提及 “vr development, ar development, webxr, virtual reality, augmented reality, mixed reality, quest, hololens, spatial computing, vr, ar, xr, webxr, oculus, quest, hololens, spatial” 时使用。

开发39
W
web-deck
web-deck
jbrukh / skills

以自包含的 HTML 文件构建 CoinFund 品牌的网页演示文稿。支持静态(打印/PDF)和动态(键盘导航、转场)模式。输出单个可版本管理的 HTML 文件,并可通过 Puppeteer 可选导出 PDF。触发条件:'web deck'、'web slides'、'html presentation'、'web presentation',或任何对基于浏览器的幻灯片演示文稿的请求。

文档处理39
W
web-design-guidelines
web-design-guidelines
liangmiqwq / skills

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

设计与 UI39
W
web-design-guidelines
web-design-guidelines
liuchiawei / agent-skills

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

设计与 UI39
W
wild-frontend
wild-frontend
marcellocurto / skills

当有意不遵循产品惯例时,创建大胆、非常规的前端设计。

设计与 UI39
W
wow-api-widget
wow-api-widget
jburlison / wowaddonapiagents

WoW Widget API(Retail)精选指南。重点介绍核心控件类型、常用方法,以及 CreateFrame、锚定、脚本、纹理、字体、动画和 UI 控件模式。

开发39
A
ai-summary-request
ai-summary-request
rawveg / skillsforge-marketplace

添加一个 "AI Summary Request" 页脚组件,其中包含可点击的 AI 平台图标(ChatGPT、Claude、Gemini、Grok、Perplexity),会预填提示词,让用户获取网站的 AI 摘要。可选生成 llms.txt 文件以提升 AI 可发现性。当用户想要添加 AI 平台集成按钮或让网站更适配 AI 时使用。

设计与 UI38
A
app-studio-pro-code
app-studio-pro-code
stahura / domo-ai-vibe-rules

在 Domo App Studio 页面中构建并嵌入专业代码 JavaScript 自定义应用。衔接自定义应用构建流水线(basic-custom-app-build、domo-app-theme)与 App Studio 布局(basic-app-studio、advanced-app-studio)。涵盖原生卡片与专业代码应用之间的决策路由、与设计技能的构建协调、画布集成、页面级筛选器传播(domo.onFiltersUpdated)、App Studio 变量集成(domo.onVariablesUpdated、domo.requestVariablesUpdate)以及变量状态管理的 pending/commit 模式。当可视化或交互超出原生卡片能力、用户提到专业代码编辑器或将自定义应用嵌入 App Studio 时使用。

开发38
A
audit-uiux-design-system
audit-uiux-design-system
kensaurus / skills

审计视觉系统的一致性:design tokens、组件变体、颜色、字体、间距、深色模式。用于"设计漂移"、UI 不一致或重复的基础组件。逐页可用性 → audit-ux。仅规划的统一 → plan-uiux-unification。

设计与 UI38
A
auto-engineer
auto-engineer
mohitmayank / auto-engineer

一个涵盖所有工程工作的统一技能:代码、UI、文档和仓库维护。根据提示词自动检测应激活哪种专长——ENGINEER 用于功能开发和代码变更(完整阶段门控 SDLC、规格、DAG 执行、TDD、评估器;SPEC-lite 模式用于仅设计文档的交接),UI 用于设计与样式(排版、间距、颜色、组件、深色模式、无障碍),DOCS 用于文档(Diátaxis 驱动:教程、操作指南、参考、解释、README),MAINTAIN 用于仓库健康(安全审计、lint/类型债务、不稳定测试、死代码、依赖升级)。当提示词跨越多个专长时,在单个会话中融合多种专长。只加载相关的参考文件——这是运行独立命令之外更节省上下文的选择。触发条件:任何代码/功能/构建请求、"design a UI"、"style this"、"write docs"、"document this"、"add a README"、"security audit"、"fix flaky tests"、"upgrade dependencies",或任意组合。

开发38
A
awwwards-sections
awwwards-sections
yu-369 / vibecurb

首屏以下的落地页分区构建流程。作为 awwwards-hero 的配套工具,涵盖功能展示、社会认同、定价、流程/工作原理、案例研究、统计数据/指标、CTA 横幅、常见问题、页脚和视觉分隔区块。采用与 Awwwards/FWA 级别相同的质量门槛:不使用通用三卡片网格、图标+标题+段落的重复组合、图库照片或 AI 紫色渐变。每个分区都有命名架构和 CSS 蓝图、页面级排序系统,以及最终构图差异对比。

设计与 UI38
A
axure-prototype-workflow
axure-prototype-workflow
lintendo / axhub-make

使用 skills/ 中的 extract-axure-data 等技能提取 Axure 原型资产、生成主题/数据/文档、还原页面与生成业务文档的流程规范;当用户提供 Axure 原型链接或提出资产提取、原型还原、主题/数据模型/文档生成、交互引导需求时使用。

设计与 UI38
B
backstage-style-web
backstage-style-web
kuse-ai / kuse-skills

使用 Backstage Design System 生成企业级 Web 应用。基于 Radix UI 和 Tailwind CSS,用现代 React 组件、明暗主题和响应式设计模式创建管理后台、开发者工具和内部应用。

设计与 UI38
B
baoyu-cover-image
baoyu-cover-image
ideacco / baoyu-skills-openclaw

生成文章封面图,提供 5 个维度(类型、配色、渲染、文字、氛围),组合 9 套色彩方案与 6 种渲染风格。支持电影宽幅(2.35:1)、宽屏(16:9)和方形(1:1)比例。当用户要求"生成封面图"、"制作文章封面"或"做封面"时使用。

创意与媒体38
B
baoyu-infographic
baoyu-infographic
jst-well-dan / skill-box

生成专业信息图,提供 20 种布局和 17 种视觉风格。分析内容、推荐布局×风格组合,并生成可直接出版的信息图。当用户要求创建"infographic"、"信息图"、"visual summary"或"可视化"时使用。

设计与 UI38
B
baoyu-slide-deck
baoyu-slide-deck
spacezephyr / space-gpt-image2-design

根据内容生成专业的幻灯片组图片。先创建包含风格说明的大纲,再逐张生成幻灯片图片。用户要求“创建幻灯片”“制作演示文稿”“生成幻灯片组”“slide deck”或“PPT”时使用。

文档处理38
B
bh-ui

暂无简介

设计与 UI38
B
Brand
Brand
b1rdmania / claude-brand-skills

完整的品牌开发系统,具备情感化基础。当收到品牌识别、Logo、视觉系统或设计规范的请求时触发。从策略到交付,打造独特、反 AI 味的设计。

设计与 UI38
B
brand-guidelines
brand-guidelines
autumnsgrove / claudeskills

专业的品牌一致性管控与企业形象管理,支持色彩方案、字体排版、Logo 使用、语调风格和多渠道品牌应用。适用于:(1)创建品牌风格指南;(2)确保文档中的品牌一致性;(3)验证 Logo 使用;(4)制定字体标准;(5)管理色彩方案;(6)制定品牌声音指南。

设计与 UI38
B
brand-guidelines
brand-guidelines
w95 / awesome-claude-corporate-skills

将 Anthropic 的官方品牌颜色和字体应用于适合采用 Anthropic 视觉风格的各类作品。适用于需要品牌颜色或风格指南、视觉排版或公司设计规范的场景。

设计与 UI38
B
brand-guidelines
brand-guidelines
ynulihao / agentskillos

将 Anthropic 的官方品牌颜色和字体应用于适合采用 Anthropic 视觉风格的各类作品。适用于需要品牌颜色或风格指南、视觉排版或公司设计规范的场景。

设计与 UI38
B
brandmd
brandmd
yuvrajangadsingh / brandmd

将网站的设计系统提取为 DESIGN.md 文件。适用于启动新的前端项目、重建网站,或用户希望 AI 生成的 UI 与既有品牌保持一致时。

设计与 UI38
B
build-ui
build-ui
dcl-regenesislabs / opendcl

使用 React-ECS(JSX)为 Decentraland 场景构建 2D 屏幕空间 UI。创建 HUD、菜单、血条、记分板、对话框、按钮、输入框和下拉菜单。当用户想要屏幕叠加层、屏幕内 UI、HUD 元素、菜单或表单输入时使用。不要用于 3D 世界内文本(见 advanced-rendering)或可点击的 3D 对象(见 add-interactivity)。

设计与 UI38
C
cli-ux-patterns
cli-ux-patterns
geoffjay / claude-plugins

命令行用户体验最佳实践,涵盖错误消息、颜色、进度指示器和输出格式。在改进命令行可用性和用户体验时使用。

设计与 UI38
C
critique
critique
open-horizon-labs / impeccable

从 UX 角度评估设计效果。评估视觉层级、信息架构、情感共鸣与整体设计质量,并给出可执行的反馈。

设计与 UI38
C
css-hover-effects
css-hover-effects
dabaibian / css-skills

自动检测网页的设计风格并应用匹配的纯 CSS 悬停效果。零 JS、零依赖、无 SSR 问题。涵盖导航、卡片、按钮、图标、标签、边框、阴影和对话气泡。源自 Hover.css(29.4k ★)并经过现代化改造。

设计与 UI38
D
daily-news
daily-news
qiaoshouqing / skills

生成每日设计灵感与新奇事物报告。当用户要求“design news”“design daily”“design inspiration”“设计日报”“设计灵感”“デザインニュース”“what's new in design”“novel products”“新奇事物”时使用。从 Dribbble、Awwwards、Product Hunt、Behance、Twitter 上的设计影响者等来源聚合内容。

设计与 UI38
D
data-visualization
data-visualization
w95 / awesome-claude-corporate-skills

使用 Python(matplotlib、seaborn、plotly)创建有效的数据可视化。用于制作图表、为数据集选择合适的图表类型、创建出版级图形,或应用无障碍设计和色彩理论等设计原则。

数据与数据库38
D
design-describe
design-describe
duc01226 / easyplatform

[设计] 需要根据截图/视频描述设计时使用。

设计与 UI38
D
design-fast
design-fast
duc01226 / easyplatform

[设计] 需要快速创建设计时使用。

设计与 UI38
D
design-frontend
design-frontend
kensaurus / skills

从零创建生产级 UI,而不是打磨。当用户说"build this UI"、"design this page"或"new dashboard layout"时使用。打磨 → enhance-web-ui。落地页 → enhance-web-landing。重设计 → enhance-web-redesign。

设计与 UI38
D
design-reviewer
design-reviewer
richhemsley3 / claude-design-skills

审查现有 UI 代码是否符合设计系统。当用户想依据设计系统标准审阅、审计、检查或验证 UI 实现时,使用此技能。检查内容包括是否使用原始颜色值而非设计令牌、状态是否缺失、间距是否不一致、无障碍支持是否有缺口、深色模式支持是否存在问题,以及整体设计系统合规性。用户说“这样看起来对吗”“审查我的 CSS”“检查这个组件”“审计我的 UI 代码”或“这符合设计系统吗”等类似表述时,也应触发。

设计与 UI38
D
designer
designer
joeseesun / claude-designer-skill

以毫不妥协的完美主义改造前端设计。适用于重新设计 UI/UX、提升视觉美感、打造精致界面,或用户提到设计改进、美化、视觉打磨时。

设计与 UI38
D
drift-detection
drift-detection
murphytrueman / design-system-ops

找出消费方代码偏离设计系统本意之处:本地重新实现、token 覆盖、分叉模式,并按原因分类。当有人询问某个代码库、产品或团队在哪里发生偏离或脱离体系时使用。比较单个组件与规格:design-to-code-check。

设计与 UI38
E
elite-brand-design
elite-brand-design
rshvr / elite-web-design

品牌标识创建与视觉识别策略。涵盖品牌个性定义、市场定位、语调、色彩心理学、作为声音表达的字体设计、视觉识别系统和动态品牌文档。适用于以下需求:品牌设计、视觉识别、徽标、品牌指南、品牌系统、品牌策略、品牌塑造、品牌色彩、品牌字体、风格指南、品牌焕新、品牌个性、语调、品牌标识、徽标设计、品牌一致性、视觉品牌塑造、创建品牌指南、品牌套件、生成品牌素材、品牌交付物、品牌标识套件,或将品牌简报转化为网页设计决策。品牌决策通过 elite-design-core(设计令牌)、elite-gsap(动态语言)和 elite-ux-strategy(转化文案)转化为实现方案。

设计与 UI38
E
emilkowal-animations-swift
emilkowal-animations-swift
pluk-inc / skills

适用于 Apple 平台的 SwiftUI 与 AppKit 动画最佳实践。在 SwiftUI(iOS 17+)或 AppKit 中编写、审阅或实现动画时使用。触发于涉及过渡、缓动、弹簧、手势、匹配几何、阶段动画器或运动的任务。

设计与 UI38
E
extract
extract
bishoe01 / blueprint-extractor

斜杠命令风格的从 URL 到 DESIGN.md 的提取。当用户输入 /extract、要求从公开 HTTPS 网站 URL 提取 DESIGN.md,或要求从某个 URL 获得设计系统、设计蓝图、品牌 token、视觉风格、UI 灵感或可供 Agent 使用的设计规范时使用。可处理诸如 "/extract https://example.com"、"Extract a DESIGN.md from https://..."、"Make a design system document from this URL" 以及 "이 링크 디자인 따서 DESIGN.md 만들어줘." 这类提示。

设计与 UI38
F
feature-spec
feature-spec
w95 / awesome-claude-corporate-skills

撰写详细的功能规格说明,包含功能需求、边界情况、数据模型、API 契约和 UX 流程。创建全面的技术规格说明,使实现清晰明确。

开发38
F
figure-rhetoric
figure-rhetoric
mathews-tom / armory

评估稿件中的图表是否能有效传达其支撑的论点。从 8 个维度审查图表类型适配度、坐标轴设计、视觉层级、数据密度、图注解读、感知准确性和叙事脉络。触发于:“do my figures work”“check my plots”“are my graphs clear”“figure audit”“do my figures support my claims”“visualization review”“figure rhetoric”“plot review”“chart critique”“visual argument check”。是 manuscript-review §12(可读性)和 figure-table-quality(渲染)的配套技能。

文档处理38
F
figures4papers-playbook
figures4papers-playbook
l-yifan / skills

从 figures4papers 仓库中查找并改编真实的绘图示例。当用户要求特定论文/项目风格的图、想要最接近的现有脚本模板,或在定制前需要按图表类型/领域快速筛选脚本时使用。

数据与数据库38
F
frontend-design

暂无简介

设计与 UI38
F
frontend-design
frontend-design
udecode / plate

打造真正具备设计品质的网页界面,避免 AI 垃圾。适用于所有前端工作,包括落地页、Web 应用、仪表板、管理面板、组件和交互体验。适用于从零构建,也适用于修改现有应用。可检测并遵循现有设计系统。涵盖构图、字体排版、色彩、动效和文案。完成前通过截图验证结果

设计与 UI38
F
frontend-design
frontend-design
zenobi-us / dotfiles

创建独特、达到生产级且设计品质出众的前端界面。当用户要求构建 Web 组件、页面、artifact、海报或应用时使用此技能。生成富有创意、精致打磨的代码,避免千篇一律的 AI 审美。

设计与 UI38
F
frontend-dev-guidelines
frontend-dev-guidelines
jackspace / claudeskillz

React/TypeScript 应用的前端开发指南。涵盖 Suspense、懒加载、useSuspenseQuery、以 features 目录组织文件、MUI v7 样式、TanStack Router、性能优化和 TypeScript 最佳实践等现代模式。在创建组件、页面、功能模块、获取数据、编写样式、配置路由或处理前端代码时使用。

开发38
F
frontend-patterns
frontend-patterns
romiluz13 / cc10x

当前端 UI 工作需要无障碍、响应式布局、加载/错误状态、性能防护,或需要根据截图、现有 UI、用户偏好或已批准视觉方向下选定的视觉参考编写 DESIGN.md 时使用。

设计与 UI38
F
frontend-patterns
frontend-patterns
xu-xiang / everything-claude-code-zh

针对 React、Next.js、状态管理、性能优化及 UI 最佳实践的前端开发模式。

开发38
G
github-excalidraw-diagram-generator

根据自然语言描述生成 Excalidraw 图表。

设计与 UI38
G
glmv-pdf-to-web
glmv-pdf-to-web
zai-org / glm-skills

将 PDF(研究论文、技术报告或项目文档)转换为精美的单页学术/项目网站,并生成结构化大纲 JSON。用户想要根据 PDF 制作论文页面、项目主页或学术网站(中文或英文)时,启用此技能。

设计与 UI38
G
gs-brand-doc
gs-brand-doc
genericservice / claude-skills

将 Generic Service (GS) 品牌应用于 Markdown 文档,并生成品牌化 PDF。这是从 Markdown 生成 PDF、创建提案或应用项目专用模板的主要技能。不要使用通用的 'pdf' 技能从 Markdown 或 React 模板生成文档。

文档处理38
G
gsap-canvas
gsap-canvas
iotron / gsap-cookbook

渲染到 HTML5 Canvas 的 GSAP 动画的生产级配方。官方 gsap-core 和 gsap-timeline 技能(API 参考)的配套内容。Triggers:canvas animation、GSAP canvas、particle system、canvas particles、canvas rendering、onUpdate canvas、draw loop、sprite animation、canvas timeline、canvas GSAP、canvas morph、MorphSVG canvas、shape morphing canvas。非触发场景:不适用于基于 DOM 的动画(请用 gsap-animate),不适用于 SVG DOM 变形(请用 gsap-svg),不适用于 WebGL/Three.js。成果:使用带自定义 onUpdate 渲染管线的 GSAP 时间线、粒子系统和尺寸变化处理,产出基于 Canvas 的动画。

设计与 UI38
G
gsap-showcase
gsap-showcase
iotron / gsap-cookbook

来自官方 GSAP showcase 的生产级高级动画组合。用于构建精美、精致动画的完整多插件参考。与官方 gsap-core、gsap-plugins、gsap-timeline 技能(API 参考)配套。触发条件:高级动画、showcase、生产动画、精美动画、hero 动画、页面过渡、加载动画、沉浸式滚动、完整动画、精致动画、动画组合、多插件动画。非触发条件:不适用于单一技术配方(请使用 gsap-scroll、gsap-text 等),不适用于 API 参考(请使用官方 gsap-skills),不适用于安装配置(请使用 gsap-setup)。成果:提供一份完整的高级动画参考,并附编排说明,随后由 gsap-animate 结合各项技术技能进行调整。

设计与 UI38
G
gsap-text
gsap-text
iotron / gsap-cookbook

使用 SplitText 和 ScrambleTextPlugin 的 GSAP 文本动画的生产级配方。官方 gsap-plugins 技能(API 参考)的配套内容。Triggers:SplitText、split text、text animation、word animation、scramble text、ScrambleTextPlugin、text reveal、masked text、clip reveal、word stagger、text stagger、character animation、char split、kinetic text、elastic type、text decode、terminal text、cyber text、glitch text、chainTextReveal、useReveal text、GSAP text、Vue text animation、Nuxt text animation。非触发场景:不适用于无文本的滚动驱动动画(请用 gsap-scroll)、鼠标交互(请用 gsap-interact)、SVG 动画(请用 gsap-svg)或一般视觉效果(请用 gsap-vfx)。成果:产文本动画——遮罩逐词显现、乱码解码、动态拆分,以及 useReveal 组合式 API。

设计与 UI38
H
high-end-visual-design
high-end-visual-design
tyfarrago-hub / taste

教导 AI 像高端代理机构一样进行设计。定义精确的字体、间距、阴影、卡片结构和动画,使网站看起来昂贵。阻止所有常见的默认设置,防止 AI 设计看起来廉价或通用。

设计与 UI38
H
hwc-ux-feedback
hwc-ux-feedback
lucianghinda / superpowers-ruby

实现跨领域的 Hotwire UX 反馈模式:加载状态、忙碌指示器、进度条、乐观 UI、渲染拦截以及视图/页面切换。当核心目标是提升感知性能和用户反馈,且不局限于单一功能领域时,优先使用此技能。表单正确性和验证行为使用 hwc-forms-validation;导航/历史记录/缓存机制使用 hwc-navigation-content;推送/流编排使用 hwc-realtime-streaming;媒体专属行为使用 hwc-media-content;Stimulus 基础 API 问题使用 hwc-stimulus-fundamentals。

设计与 UI38
J
jetpack-compose
jetpack-compose
aldefy / compose-skill

面向 Android UI 开发的 Jetpack Compose 专家 skill。指导状态管理决策(@Composable、remember、mutableStateOf、derivedStateOf、State hoisting)、视图组合与结构、Modifier 链、懒加载列表、导航、动画、副作用、主题、无障碍和性能优化。基于真实的 androidx 源码分析。只要用户提到 Compose、@Composable、remember、LaunchedEffect、Scaffold、NavHost、MaterialTheme、LazyColumn、Modifier、recomposition、Style、styleable、MutableStyleState,或任何 Jetpack Compose API,就使用该 skill。当用户说“Android UI”“Kotlin UI”“compose layout”“compose navigation”“compose animation”“material3”“compose styles”“styles api”,或询问现代 Android 开发模式时,也应触发。即使是“my compose screen is slow”或“how do I pass data between screens”这类随口提及,也应触发该 skill。

开发38
J
json-prompting-for-nano-banana
json-prompting-for-nano-banana
jawhnycooke / claude-code-nano-banana

将自然语言描述转换为用于 Nano Banana Pro(Gemini 3 Pro Image)的结构化 JSON schema。在创建需要精确控制和可复现性的营销图像、UI 原型、示意图、数据可视化或社交媒体图形时使用。支持五种 schema 类型,分别用于产品摄影、界面、流程图、图表和社交内容。

创意与媒体38
K
kf-g-css-spacing-gap-margin-rules

在设计、审查或生成 CSS 间距规则时使用此技能。当用户询问间距应使用 gap、margin 还是结构空白、希望避免基于 margin 的布局间距,或需要 grid 或 flex 布局中由容器掌控间距的规则时,均可应用。

设计与 UI38
L
launchpad-ux-custom-components
launchpad-ux-custom-components
pegasystems / pega-launchpad-agent-skills

介绍 Pega Launchpad / Constellation 中的自定义 UX,何时构建自定义组件,以及需要哪些设计信息。

设计与 UI38
L
lyt-detail-page
lyt-detail-page
yyyyyzhao / lytskill

lyt 系列电商商品详情页生成 skill。用户主动调用本 skill 并上传产品图、包装图、规格图、商品资料、竞品详情页或视觉参考图后,从 0 生成商品详情页的信息结构、Slogan、逐屏文案、视觉 brief、图片生成提示词;工具可用时,还可生成分屏图和完整长图。首轮信息收集必须让用户选择不使用 Slogan、提供已有文案或由 Agent 生成。只使用图片可见事实和用户确认的资料,不根据外观编造功能、材质、功效、规格、认证、评价或销量。适用于 TikTok Shop 和跨境电商商品详情页,不用于诊断已有页面、判断产品值不值得做、根据单张参考图反推提示词或归纳竞品主图。触发方式:/lyt-detail-page、/详情页生成、“根据产品图生成详情页”“帮我从 0 做商品详情页”“参考这套页面给我的产品做详情页”

营销与增长38
M
marp-deck-visual-designer
marp-deck-visual-designer
raffaelecamanzo / skills

将 MARP 演示计划转化为具体的视觉与版式决策,包括在明确规划时生成 Mermaid 图表。仅在 deck-plan.md 已存在时使用。

文档处理38
第 10261–10320 条,共 10,561 条

第一次接触 MCP?

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

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