mcpField

Skills

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

设计与 UI

A
app-store-screenshots
app-store-screenshots
skills-shell / superpowers

按照平台的精确规格制作 App Store 和 Google Play 截图。涵盖 iOS/Android 尺寸、图库排序、设备 mockup 和预览视频。适用于:应用商店优化、ASO、应用截图、应用预览、Play Store 商品页。触发词:App Store 截图、ASO、应用商店优化、Play Store 截图、应用预览、应用列表、iOS 截图、Android 截图、应用商店图片、应用 mockup、设备 mockup、应用图库、商店商品页

营销与增长30.1k
B
better-writing
better-writing
jakubkrehel / skills

编写和审核界面文案,从标签和错误提示到空状态和确认信息,让文案符合产品语气,并告知用户下一步该做什么。

设计与 UI30.1k
S
shape
shape
pbakaus / impeccable

在编写代码前规划功能的 UX 和 UI。通过结构化的需求访谈,生成指导实现的设计简报。在规划阶段使用,以便在编写代码前确定设计方向、约束和策略。

设计与 UI30.0k
E
expo-router
expo-router
expo / skills

Expo Router 的导航与路由。涵盖基于文件的路由、路由组和动态路由、文件夹组织、带预览和上下文菜单的 Link、原生 Stack、页面标题、模态框和表单页、NativeTabs、页眉与工具栏,以及页眉搜索栏。

开发28.8k
B
brandalf
brandalf
warpdotdev / common-skills

指导创建、修改和评审 Warp 或 Oz 品牌素材。适用于制作发布页面、文档、HTML/CSS 组件、UI 模型、提示词、社交媒体素材、文案、演示文稿,或其他应明确体现 Warp 或 Oz 品牌风格的交付内容。

设计与 UI28.1k
G
guizang-ppt-skill
guizang-ppt-skill
op7418 / guizang-ppt-skill

生成横向翻页的网页 PPT(单个 HTML 文件),包含 WebGL 背景、演讲者视图、观众屏幕同步、讲稿备注、章节封面、数据大字报、图片网格等模板。提供两种风格:①“电子杂志 × 电子墨水”(衬线字体 + 流体背景 + 暖色);②“瑞士国际主义”(无衬线字体 + 网格点阵 + IKB/柠檬黄/柠檬绿/安全橙高亮)。当用户需要制作分享、演讲或发布会风格的网页 PPT,或提到“杂志风 PPT”“瑞士风 PPT”“Swiss Style”“horizontal swipe deck”时使用。

文档处理27.9k
F
fixing-motion-performance
fixing-motion-performance
ibelick / ui-skills

审查并修复动画性能问题,包括布局抖动、合成器属性、滚动联动动画和模糊效果。动画卡顿、过渡不流畅,或需要审查 CSS/JS 动画性能时使用。

设计与 UI27.3k
L
landing-page-design
landing-page-design
its-a-skill-issue / superpowers

通过布局规则、首屏设计和 CTA 心理学优化落地页转化率。涵盖首屏公式、社会认同的布局、移动端设计和 F 型阅读模式。适用于:初创公司落地页、产品页、SaaS 营销、转化率优化。触发词:落地页、首屏区域、首屏可见内容、转化率优化、落地页设计、CTA 按钮、主视觉图片、落地页布局、SaaS 落地页、产品页设计、转化率、落地页最佳实践

设计与 UI27.1k
Y
youtube-thumbnail-design
youtube-thumbnail-design
its-a-skill-issue / superpowers

YouTube 缩略图设计,涵盖具体尺寸、对比度规则和移动端预览优化。包括安全区域、文字排布、面部表情心理学和 A/B 测试。适用于:YouTube 缩略图、视频封面图片、点击率优化。触发词:YouTube 缩略图、缩略图设计、视频缩略图、点击率、CTR 优化、YouTube 封面、视频封面图片、缩略图制作工具、缩略图技巧、YouTube 设计、视频预览图片

设计与 UI27.1k
A
app-store-screenshots
app-store-screenshots
its-a-skill-issue / superpowers

按照平台的精确规格制作 App Store 和 Google Play 截图。涵盖 iOS/Android 尺寸、图库排序、设备 mockup 和预览视频。适用于:应用商店优化、ASO、应用截图、应用预览、Play Store 商品页。触发词:App Store 截图、ASO、应用商店优化、Play Store 截图、应用预览、应用列表、iOS 截图、Android 截图、应用商店图片、应用 mockup、设备 mockup、应用图库、商店商品页

营销与增长27.1k
L
layout
layout
pbakaus / impeccable

改善布局、间距和视觉节奏。修复单调的网格、不一致的间距和薄弱的视觉层级。用户提到布局不协调、间距问题、视觉层级、UI 拥挤、对齐问题或希望改善构图时使用。

设计与 UI26.4k
A
app-store-screenshots
app-store-screenshots
bankai-skills / superpowers

按照平台的精确规格制作 App Store 和 Google Play 截图。涵盖 iOS/Android 尺寸、图库排序、设备 mockup 和预览视频。适用于:应用商店优化、ASO、应用截图、应用预览、Play Store 商品页。触发词:App Store 截图、ASO、应用商店优化、Play Store 截图、应用预览、应用列表、iOS 截图、Android 截图、应用商店图片、应用 mockup、设备 mockup、应用图库、商店商品页

营销与增长25.8k
L
landing-page-design
landing-page-design
bankai-skills / superpowers

通过布局规则、首屏设计和 CTA 心理学优化落地页转化率。涵盖首屏公式、社会认同的布局、移动端设计和 F 型阅读模式。适用于:初创公司落地页、产品页、SaaS 营销、转化率优化。触发词:落地页、首屏区域、首屏可见内容、转化率优化、落地页设计、CTA 按钮、主视觉图片、落地页布局、SaaS 落地页、产品页设计、转化率、落地页最佳实践

设计与 UI25.8k
Y
youtube-thumbnail-design
youtube-thumbnail-design
bankai-skills / superpowers

YouTube 缩略图设计,涵盖具体尺寸、对比度规则和移动端预览优化。包括安全区域、文字排布、面部表情心理学和 A/B 测试。适用于:YouTube 缩略图、视频封面图片、点击率优化。触发词:YouTube 缩略图、缩略图设计、视频缩略图、点击率、CTR 优化、YouTube 封面、视频封面图片、缩略图制作工具、缩略图技巧、YouTube 设计、视频预览图片

设计与 UI25.8k
A
argent-screenshot-diff
argent-screenshot-diff
software-mansion / argent

使用 argent screenshot-diff 工具比较已保存或实时应用截图。适用于测试视觉回归、比较 UI 前后效果、检查截图差异,以及检查可见布局、间距、颜色、排版、裁切、溢出、文本渲染或图像/图标渲染的变化。

测试与质量25.7k
M
mobile-android-design
mobile-android-design
wshobson / agents

掌握用于构建原生 Android 应用的 Material Design 3 和 Jetpack Compose 模式。设计 Android 界面、实现 Compose UI 或遵循 Google 的 Material Design 指南时使用。

设计与 UI25.2k
S
stitch-design
stitch-design
google-labs-code / stitch-skills

Stitch 设计工作的统一入口。支持提示词增强(UI/UX 关键词、氛围)、设计系统综合(.stitch/DESIGN.md),以及通过 Stitch MCP 生成和编辑高保真屏幕。

设计与 UI25.1k
B
baseline-ui
baseline-ui
ibelick / ui-skills

通过修复间距、层级、排版和细微布局问题,快速清理 UI 代码。界面需要快速整理或润色时使用。

设计与 UI24.6k
M
mobile-ios-design
mobile-ios-design
wshobson / agents

掌握 iOS Human Interface Guidelines 和 SwiftUI 模式,用于构建原生 iOS 应用。设计 iOS 界面、实现 SwiftUI 视图或确保应用遵循 Apple 的设计原则时使用。

设计与 UI23.9k
A
anatomy
anatomy
wheresryan22 / anatomy

制作精巧、细节丰富且可交互的等距 SVG 图形,将技术概念呈现为真实的实体物件(测试台、刻度盘、抽屉柜、绘图仪、锁具),包含许多精确的小型实体部件、四级明暗、正确的绘制顺序、带标题、提示和实时读数的边框卡片,以及舒缓平滑的动态效果。适用于制作等距插图、文档/博客文章/落地页/文章的说明图表或图示、“Linear 风格”或“高级感”的技术绘图、交互式讲解图,或展示系统、算法、组件工作原理的 SVG,即使用户没有提到“等距”也适用。无需框架即可运行(使用编写 SVG 和 HTML 的 TypeScript/JS),也支持 React/Next.js;还可添加逼真的 WebGL 着色器(火焰、排气、水、焦散、灯光),并以相同的等距透视呈现在图形内部。还可将图形打印为 A4 PDF(海报、绘图或讲义),并按需发布到 Anatomy 社区图库。

设计与 UI23.5k
L
lavish
lavish
kunchenguid / lavish-axi

使用 lavish-axi CLI,将复杂或可视化的 Agent 回复转换为内容丰富、便于审阅的 HTML 成品(HTML 文件),供用户批注和反馈。适用于准备计划、比较、图表、表格、代码差异、报告,或任何用视觉方式比文字更容易理解的内容。

文档处理23.2k
A
argent-lens
argent-lens
software-mansion / argent

为屏幕元素提出多个视觉设计方案,并让用户在 Argent Lens 窗口中选择。适用于用户要求为屏幕或组件提供设计替代方案/选项/A-B 选择,或你为某个元素生成了多个候选外观并希望在确定前由用户决定的情况。

设计与 UI23.2k
S
shadcn-ui
shadcn-ui
giuseppe-trisciuoglio / developer-kit

提供完整的 shadcn/ui 组件库模式,包括无障碍 React 组件的安装、配置和实现。适用于设置 shadcn/ui、安装组件、使用 React Hook Form 和 Zod 构建表单、通过 Tailwind CSS 自定义主题,或实现按钮、对话框、下拉菜单、表格和复杂表单布局等 UI 模式。

设计与 UI22.4k
F
fixing-accessibility
fixing-accessibility
ibelick / ui-skills

审查并修复 HTML 无障碍问题,包括 ARIA 标签、键盘导航、焦点管理、颜色对比度和表单错误。适用于添加交互控件、表单、对话框或审查 WCAG 合规性。

设计与 UI22.3k
P
paid-landing-page-audit
paid-landing-page-audit
mbfinotti / advertising-skills

依据点击后转化最佳实践审查接收付费流量的落地页,并返回按优先级排序的修复清单,涵盖广告信息匹配度、首屏清晰度、表单阻力、信任度、速度、移动端和政策风险。每项发现都标注证据类别,且不基于薄弱数据作统计性断言。用户表示广告有点击却没有转化、询问落地页为何无法转化,或提到点击后体验、信息匹配度、转化阻力、表单阻力或点击后 CPA 上升时使用——即使用户从未提到“落地页审计”。适用于任何平台上的 B2B 和 B2C。仅做审计。不要用于点击前的账户问题;此时改用 mbfinotti/advertising-skills@ad-account-diagnostic。

营销与增长22.2k
D
diagram-design
diagram-design
cathrynlavery / diagram-design

创建品牌化的架构图、架构差异图、IT 现状图、流程图、时序图、状态机图、ER/数据模型图、时间线、泳道图、象限图、雷达/蜘蛛图、极坐标图(极坐标/径向棒棒糖图)、循环/飞轮图、嵌套图、树形图、组织结构图、层叠图、爆炸轴测图、轴测平面图、维恩图、金字塔/漏斗图、树图和马赛克图、热力图、条形图和哑铃图、瀑布图、折线图(斜率图、山脊线图、河流图、凸凹图)、甘特图和散点图(气泡图、蜂群图)、高阶图、流程图、奖章图、数据流图、DP 集成图、DP 安全矩阵、桑基图、鱼骨图、Wardley 图、看板、用户旅程图、服务蓝图、部署图、依赖关系图、UML 类图、故事地图或数据库架构图,并输出为 HTML/SVG/PNG;支持导入 .drawio、Mermaid 和 .excalidraw;还提供生命周期阶段图、模块分解树和入门指导。

设计与 UI21.4k
R
responsive-design
responsive-design
wshobson / agents

使用容器查询、流式排版、CSS Grid 和移动优先断点策略实现现代响应式布局。适用于构建自适应界面、实现流式布局或创建组件级响应行为。

设计与 UI21.3k
T
transitions-dev
transitions-dev
jakubantalik / transitions.dev

适用于 Web 应用的生产级 CSS 过渡效果。用于实现通知徽标、下拉菜单、模态框、面板展开、页面过渡、卡片缩放、数字弹入、文本切换、图标切换、成功勾选、头像组悬停、错误状态抖动、搜索/输入清除、骨架加载器、闪烁文本、滑动标签页、工具提示、文本渐次显现、卡片悬停倾斜、加号变菜单、手风琴、Toast、点赞按钮、了解更多悬停效果、复选框勾选、旋转计数器、切换开关、AI 思考状态、推理流、流式文本、矩阵点状加载器或横幅堆叠。触发词包括“add a transition”“animate the dropdown”“make the modal open smoothly”“swap icon”“page slide”“stagger animation”“open / close transition”“make it animate”“fade between”“success animation”“form error”“shake on invalid”“hover lift”“avatar stack hover”“clear the search”“skeleton loader”“loading shimmer”“shimmer text”“sliding tabs”“segmented control”“tooltip”“reveal text”“tilt card”“3D hover tilt”“cursor glare”“plus to menu”“FAB morph”“accordion”“collapsible”“expand / collapse”“disclosure”“toast”“snackbar”“like button”“heart animation”“learn more arrow”“checkbox”“check animation”“spinning counter”“odometer”“slot machine digits”“toggle”“switch”“thinking states”“AI status line”“agent reasoning”“reasoning stream”“streaming text”“stream words in”“matrix loader”“dot loader”“banner stack”“stacked toasts”。还适用于“motion tokens”“scan for ad-hoc transitions”“replace hardcoded durations with motion tokens”“tokenize my animations”,以及命令 transitions reveal、transitions review、transitions apply、transitions refine

设计与 UI21.2k
H
html-ppt
html-ppt
lewislulu / html-ppt-skill

HTML PPT Studio——使用模板制作多种风格、布局和动画的专业静态 HTML 演示文稿。用户要求制作演示文稿、PPT、幻灯片、keynote、演示稿、幻灯片组、“幻灯片”“演讲稿”“做一份 PPT”“做一份 slides”、reveal 风格的 HTML 幻灯片、小红书图文,或任何适合键盘导航、具有精致观感的多页推介、报告或分享文档时使用。触发关键词包括“presentation”“ppt”“slides”“deck”“keynote”“reveal”“slideshow”“幻灯片”“演讲稿”“分享稿”“小红书图文”“talk slides”“pitch deck”“tech sharing”“technical presentation”。

文档处理21.0k
M
motion-design
motion-design
lottiefiles / motion-design-skill

运用动态设计原则,创作富有情感表现且技术可靠的动画和过渡效果。提供适用于 UI 的时序、缓动、编排和迪士尼动画原则。在创建动画、过渡效果、微交互、加载状态、页面切换、滚动触发效果或任何动态效果时使用。适用于 CSS、Framer Motion、GSAP、Lottie、Spring 或任何动画系统。

设计与 UI20.6k
A
ai-elements
ai-elements
vercel / ai-elements

使用 ai-elements 组件构建 AI 聊天界面,包括对话、消息、工具展示、提示词输入等。用户希望构建聊天机器人、AI 助手 UI 或任何 AI 驱动的聊天界面时使用。

设计与 UI20.5k
P
ppt-master
ppt-master
hugohe3 / ppt-master

由 AI 驱动的演示文稿工作流,可生成可编辑的 PPTX 演示文稿和幻灯片、重建页面视觉效果、创建可复用的 Brand/Style/Layout/Deck 工作区、填充原生 PPTX 模板并增强完成的 PPTX 文件。用户要求创建、生成、重建、重新生成、美化、重新设计、制作模板、填充或增强演示文稿、PPT、PPTX、幻灯片或课件(包括添加旁白或动画),要求制作带旁白或自动播放的演示文稿视频,或提到 ppt-master 时使用

文档处理20.4k
T
taste-design
taste-design
google-labs-code / stitch-skills

Google Stitch 的语义设计系统 Skill。生成 Agent 友好的 DESIGN.md 文件,强制执行高端、反泛型 UI 标准——严格的排版、校准的色彩、不对称布局、持续的微动画和硬件加速性能。

设计与 UI20.3k
N
nuxt-ui

使用 @nuxt/ui v4 构建 UI,包含 125 多个支持无障碍访问的 Vue 组件,并提供 Tailwind CSS 主题定制。适用于创建界面、定制符合品牌风格的主题、构建表单,或组合仪表盘、文档网站和聊天界面等布局。

设计与 UI19.9k
D
design-taste-frontend-v2-experimental
design-taste-frontend-v2-experimental
leonxlnx / taste-skill

在 v2 之前作为默认版本的单文件、拨盘驱动型 taste 技能,保留供依赖其确切行为的项目使用。选择启用:仅在按名称调用时运行。

设计与 UI19.5k
I
interface-review
interface-review
jakubkrehel / skills

审查分支、拉取请求或未提交的更改,检查其引入或导致回退的界面问题,涵盖无障碍性、布局、文案、排版、颜色和 UI。

设计与 UI19.4k
W
web-design-guidelines
web-design-guidelines
antfu / skills

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

设计与 UI19.3k
N
nature-figure
nature-figure
yuan1z0825 / nature-skills

使用 Python 或 R 创建、修改、审查并导出论文科学图表。适用于论文配图、科研绘图、多面板图和可直接投稿的图表,也适用于明确要求生成的 AI 图文摘要和机制示意图。不适用于交互式仪表板、数据清理或纯统计分析。

数据与数据库19.1k
D
dbs-wechat-html
dbs-wechat-html
dontbesilent2025 / dbskill

把 Markdown 转成可粘贴到微信公众号后台的 HTML,并提供 15 种内置风格。用户要求生成公众号 HTML、制作微信版本或排版公众号文章时使用。

设计与 UI18.3k
F
fireworks-tech-graph
fireworks-tech-graph
yizhiyanhua-ai / fireworks-tech-graph

创建精确的 SVG 技术图表,导出 PNG 或离线 HTML,并将支持的语义 SVG 制作为 GIF 动画。适用于架构、UML、Agent、云或工作流图表;不适用于照片、栅格图像或统计图表

设计与 UI18.1k
T
tailwind-4-docs
tailwind-4-docs
lombiq / tailwind-agent-skills

全面的 Tailwind CSS v4 文档快照和工作流指南。回答 Tailwind v4 相关问题、选择实用类/变体、配置 Tailwind v4,或依据官方文档并检查常见陷阱将项目从 v3 迁移到 v4 时使用。

设计与 UI17.8k
T
tailwind-css-patterns
tailwind-css-patterns
giuseppe-trisciuoglio / developer-kit

提供全面的 Tailwind CSS 实用优先样式模式,包括响应式设计、布局工具、flexbox、grid、间距、排版、颜色和现代 CSS 最佳实践。适用于设置 React/Vue/Svelte 组件样式、构建响应式布局、实施设计系统或优化 CSS 工作流。

设计与 UI17.7k
E
expo-design-system
expo-design-system
expo / skills

在 Expo 应用中构建和维护设计系统,包括可复用的设计令牌主题(颜色、间距、字体排印、圆角、阴影、动效)、遵循变体/尺寸/状态属性约定的可复用组件结构,以及将重复视图提取为共享组件的规则。用于创建或整理主题文件和设计令牌(theme.ts / theme/)、按各自惯用方式扩展现有主题或样式库(NativeWind、Tamagui、Restyle、Unistyles)、统一样式以确保各屏幕(包括 AI 生成的屏幕)风格一致且精致、修复看起来像 AI 生成或过于普通而非原生的应用(即所谓的 native-slop)、构建应用内组件库,或审查应用的设计系统偏离情况(硬编码的颜色、间距、字体)。平台样式细节(语义颜色、HIG 规则、原生控件)请使用 expo-native-ui;新应用的文件夹布局请使用 expo-project-structure。

设计与 UI17.5k
F
frontend-design
frontend-design
anthropics / claude-plugins-official

为构建新 UI 或重塑现有 UI 提供指导,实现独特、有意图的视觉设计。帮助确定美学方向、排版,以及做出不显得像模板默认值的选择。

设计与 UI17.3k
S
story-cover
story-cover
zenstory-ai / oh-story-claudecode

生成小说封面。根据书名和作者名自动分析题材风格,并调用 GPT-Image-2 生成带有标题和署名的专业级网文封面;使用 Codex CLI 时优先使用内置 ImageGen,无需单独的 API Key。触发方式:/story-cover、/封面、「帮我做个封面」「生成封面图」「做个小说封面」「封面设计」。

创意与媒体16.7k
L
lark-whiteboard-cli

当用户要求或使用飞书画板绘制架构图、流程图、思维导图、时序图或其他可视化图表时,使用此技能作为通过 whiteboard-cli 设计图表布局的指南。

设计与 UI16.5k
K
kpi-dashboard-design
kpi-dashboard-design
wshobson / agents

通过指标选择、可视化最佳实践和实时监控模式设计有效的 KPI 仪表板。适用于构建跟踪 MRR、流失率和 LTV/CAC 比率的 SaaS 高管指标仪表板;设计实时展示服务健康状况和请求吞吐量的运营中心;为产品团队创建群组留存分析视图;或排查因计算方法不一致而导致指标相互矛盾的仪表板。

数据与数据库16.4k
I
interaction-design
interaction-design
wshobson / agents

设计并实现微交互、动态效果、过渡效果和用户反馈模式。用于优化 UI 交互、实现加载状态或打造愉悦的用户体验。

设计与 UI16.4k
E
expo-animation
expo-animation
expo / skills

在 React Native 和 Expo 中构建动画,并按影响动画效果的顺序做出决策:是否应该动画化、在哪个线程运行、使用哪些属性、选择弹簧还是定时、手势如何交接,以及动画如何降级。使用 Reanimated、Gesture Handler、Expo Router 和 expo-haptics 编写实现。适用于在 Expo 应用中为任何内容添加动画、添加手势、底部面板、屏幕过渡、按压反馈或触觉反馈,或修复设备上卡顿的动画。Web 动画请使用 `animate`。

设计与 UI16.3k
D
design-system-patterns
design-system-patterns
wshobson / agents

利用设计令牌、主题基础设施和组件架构模式构建可扩展的设计系统。用于创建设计令牌、实现主题切换、构建组件库或建立设计系统基础。

设计与 UI16.3k
U
unocss
unocss
antfu / skills

UnoCSS 即时原子 CSS 引擎,是 Tailwind CSS 的超集。适用于配置 UnoCSS、编写工具规则和快捷方式,或使用 Wind、Icons、Attributify 等预设。

设计与 UI16.1k
R
react-native-design
react-native-design
wshobson / agents

掌握跨平台移动开发中的 React Native 样式、导航和 Reanimated 动画。适用于构建 React Native 应用、实现导航模式或创建高性能动画。

设计与 UI15.7k
B
baoyu-diagram
baoyu-diagram
jimliu / baoyu-skills

创建专业的深色主题 SVG 图表,涵盖各种类型:架构图、流程图、时序图、结构图、思维导图、时间线、说明性/概念性图表等。用户要求绘制任何技术或概念图、系统可视化、流程、数据流、组件关系、网络拓扑、决策树、组织结构图、状态机,或任何结构/逻辑/流程的可视化表示时,均使用此技能。用户说“画个图”“画一个架构图”“diagram”“flowchart”“sequence diagram”“draw me a ...”,或上传内容并要求将其可视化时,也应触发。输出始终为独立的 .svg 文件。

设计与 UI15.5k
F
frontend-patterns

涵盖 React、Next.js、状态管理、性能优化和 UI 最佳实践的前端开发模式。在构建或审查 React 或 Next.js 组件、状态管理或渲染性能时使用。

开发15.5k
F
flutter-animations
flutter-animations
madteacher / mad-agents-skills

添加、修复、重构、调试、测试或讲解 Flutter 动画和动态效果。适用于 AnimatedContainer、AnimatedOpacity、AnimatedSwitcher 和 TweenAnimationBuilder 等隐式动画;使用 AnimationController、Tween、CurvedAnimation、AnimatedWidget、AnimatedBuilder 和内置转场的显式动画;Hero/共享元素路由转场;错落或序列动画;基于物理的运动、手势、弹簧、甩动、滚动物理效果、曲线、性能、无障碍、减少动态效果以及动画生命周期错误。

设计与 UI15.4k
V
variant
variant
jakubkrehel / skills

为你正在开发的组件构建多个变体,并帮助你迭代和选择其中一个。

设计与 UI15.4k
A
app-store-screenshots
app-store-screenshots
parthjadhav / app-store-screenshots

构建 App Store 或 Google Play 截图页面、为 iOS、macOS 和/或 Android 应用生成可导出的营销截图,或使用 Next.js 搭建截图编辑器时使用。遇到 app store、mac app store、play store、screenshots、marketing assets、html-to-image、phone mockup、mac mockup、android screenshots、feature graphic 等相关请求时触发

营销与增长15.1k
T
threejs-interaction
threejs-interaction
cloudai-x / threejs-skills

使用光线投射进行拾取,以及相机控制、变换控件、拖拽、悬停和框选;在 WebGL 和 WebGPU 下行为一致。适用于处理鼠标、触控或键盘输入,检测对 3D 对象的点击,添加相机控制,或让场景对象具备交互性。

开发15.0k
E
explain-interface
explain-interface
jakubkrehel / skills

根据在线 URL 或截图,解释网站、视觉效果或动画的构建方式

设计与 UI14.8k
A
accessibility-compliance
accessibility-compliance
wshobson / agents

实现符合 WCAG 2.2 标准的界面,支持移动设备无障碍访问、包容性设计模式和辅助技术。适用于无障碍审计、实现 ARIA 模式、构建屏幕阅读器支持,或确保用户体验具有包容性。

设计与 UI14.8k
第 181–240 条,共 10,561 条

第一次接触 MCP?

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

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