mcpField

Skills

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

设计与 UI

W
Web Design Builder
Web Design Builder
rknall / claude-skills

根据规格或描述创建并重构 HTML5/JavaScript 网页设计。使用现代框架生成完整、无障碍且响应式的网页设计。自动使用 Playwright MCP 验证设计的无障碍性和功能。用户要求创建网页设计、模型、落地页、网页应用,或重构现有 HTML/CSS/JS 设计时使用此技能。

设计与 UI419
B
brand-guidelines
brand-guidelines
cofoundy / brand-skills

创建全面的品牌规范文档,涵盖标志使用、色彩、排版、语调、信息传达和应用规则。当用户提到“品牌指南”“品牌规范”“品牌手册”“风格指南”“品牌规则”“品牌文档”“品牌工具包”“设计师或文案人员入职培训”“需要一份团队文档”“保持跨团队品牌一致性”,或希望将所有品牌决策编纂成可重复使用的参考文档时使用。

营销与增长418
D
design-review
design-review
shiplightai / agent-skills

UI 和设计审查:使用基于浏览器的验证,按照行业标准评估视觉质量、响应式行为、无障碍性、颜色/对比度、字体排版、布局一致性和 i18n 就绪情况。

设计与 UI418
F
frontend-style-guide
frontend-style-guide
lightdash / lightdash

Agentic BI。以代码的速度进行分析 ⚡️

设计与 UI418
I
image-to-code
image-to-code
tasteskill / tasteskill

Codex 的高级网站图像转代码技能。对于视觉上很重要的网页任务,它必须首先生成设计图像,深入分析,然后实现网站以尽可能接近地匹配。在 Codex 中,它必须优先考虑大型、易读的分部分图像而不是微小的压缩板,为分部分或详细视图生成新的独立图像而不是裁剪旧图像,避免懒惰的生成不足,避免卡片套卡片套卡片的 UI,并保持英雄部分整洁、宽敞、易读,在小笔记本上可见。

设计与 UI418
T
telegram-mini-app
telegram-mini-app
davila7 / claude-code-templates

专注于构建 Telegram Mini Apps(TWA)——在 Telegram 内运行、具备原生应用般体验的 Web 应用。涵盖 TON 生态、Telegram Web App API、支付、用户身份验证,以及可变现的病毒式传播迷你应用开发。适用场景:telegram mini app、TWA、telegram web app、TON app、mini app

开发418
T
typography-expert
typography-expert
curiositech / some_claude_skills

供工作字体指导者参考的字体选择、搭配与交付指南,注重审美判断。涵盖广泛且观点鲜明的字体与铸字厂目录(免费和商业字体)、以情绪/时代/语域驱动且不局限于单一答案的选择框架、字体搭配逻辑、流式字体比例、可变字体轴(包括 opsz/GRAD)、OpenType 功能、Web 字体性能(子集化、font-display、size-adjust 后备度量)和授权知识(SIL OFL 与商业 EULA、桌面/Web/应用、试用版)。明确弃用过度使用的 AI 设计默认选项(Inter、Roboto、Montserrat、Poppins、Fraunces、Geist、Söhne、Fontshare/ITF 入门套装),并为各种用途列出更新颖的替代方案。用于字体选择、搭配、字体比例、Web 字体优化、可变字体、OpenType 和排版系统。不用于 Logo/字标设计、图标字体、通用 CSS 或基于图像/光栅的排版。

设计与 UI418
P
publication-chart-skill
publication-chart-skill
galaxy-dawn / claude-scholar

当用户要求制作适合发表的科学图表或表格、希望为结果选择合适的图表、需要可直接用于论文的 pubfig 或 pubtab 工作流、希望为结果部分制作图表及配套表格、希望将 Excel 表格转换为可发表的 LaTeX,或希望审阅并改进现有科学图表或表格时,应使用此技能。

数据与数据库417
A
animating-react-native-expo
animating-react-native-expo
tristanmanchester / agent-skills

使用 Reanimated 4 和 Gesture Handler 3 实现并调试 React Native 或 Expo 动效:状态转换、布局、手势、滚动、worklet、取消操作及无障碍替代方案。适用于原生 UI 动效,不适用于 Web Motion,也不应作为在普通视图中添加 canvas 图形的理由。

设计与 UI416
B
brand-identity
brand-identity
cofoundy / brand-skills

为品牌创建视觉识别简报,涵盖标志方向、配色方案、字体、图像风格和设计系统基础。当用户提到“视觉识别”“品牌识别”“标志简报”“标志方向”“设计简报”“品牌设计”“品牌配色”“品牌字体”“视觉语言”“设计系统”“品牌外观与风格”“品牌应该是什么样子”,或正在向设计师或设计机构提供需求时使用。当用户已有品牌策略并希望将其转化为视觉设计方向时也使用。

设计与 UI416
P
product-taste
product-taste
refoundai / lenny-skills

帮助用户培养专业的产品品味,阐明成功产品范式背后的原因,并在数据尚不可用时建立做出重大决策的信心。

设计与 UI416
U
ui-verification
ui-verification
mblode / agent-skills

运行有针对性的浏览器探测,检查焦点、点击目标、溢出、主题、请求失败和性能归因,并将证据关联到 UI 规则 ID。用户要求“在浏览器中验证此问题”“重现此 UI 发现”“修复 UI 后重新测量”或“审查修复前后的截图”时使用

测试与质量416
E
excalidraw
excalidraw
nousresearch / hermes-agent

手绘风格的 Excalidraw JSON 图表(架构图、流程图、时序图)。

设计与 UI415
F
flutter-ui
flutter-ui
dhruvanbhalara / skills

创建设计令牌系统、主题定义、可复用 UI 组件或无障碍小部件布局时使用

设计与 UI415
N
nuxt-ui-v4
nuxt-ui-v4
secondsky / claude-skills

用于构建 Nuxt v4 应用的 Nuxt UI v4 组件库。提供 125 多个无障碍组件,支持 Tailwind v4、Reka UI、深色模式和主题定制。适用于仪表板、表单、叠加层、编辑器、页面布局、定价页面,或遇到组件、主题或 TypeScript 错误时。

设计与 UI415
W
writing-settings-forms

编写 Celigo 设置表单——即 Celigo UI 用于收集资源设置的表单定义(settingsForm),适用于集成、流程组、流程、导出、导入、连接和 iClients。涵盖七种作用域及步骤如何读取其值、字段和类型、选项、条件、布局和容器、init 脚本,以及动态 exportSelect 和 staticMap 字段。添加或修改设置表单、为用户提供供步骤在运行时读取的设置、根据导出或值映射表构建下拉菜单,或排查表单或设置为何未按预期显示时使用。

开发415
D
d2-slides
d2-slides
mizchi / explainer

构建一份源文本为纯文本、图形由 TALA 排版的幻灯片文稿——一个 Markdown 文件,每张图用一个 ```d2 代码块,编译为自包含的 HTML 文稿(键盘导航、总览网格、打印为 PDF),每张图输出为独立 SVG,并附带复制清单。文稿本身是一个页面,因此 vlmkit 自有的门禁会读取它:`check integrity` 检查幻灯片是否错乱或裁切,`check copy --manifest` 检查被画框截断的文本,`check a11y contrast` 检查投影仪场景。循环:写 `deck.md` → 构建 → 门禁 → 修复。当被要求制作幻灯片、文稿、演讲、演示、评审走查,或必须以演示而非阅读方式呈现的重图形讲解时使用。不适用于单张图表(`d2-diagram`)或动态图形(`explanatory-animation`)。

文档处理413
F
frontend-design
frontend-design
guanyang / open-agent-hub

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

设计与 UI413
P
pd-portfolio-review
pd-portfolio-review
leonardobetti / pd-portfolio-review

用户希望通过链接评审 UX、UI 或产品设计作品集时使用。首先询问 URL,读取网站及其案例研究,并根据 UXfolio 的 State of UX Portfolios 2026 返回评分报告。

设计与 UI413
S
scenario-brand-kit
scenario-brand-kit
scenario-labs / skills

使用 Scenario 构建视觉识别或品牌套件,包括可编辑 SVG 格式的徽标、字标或图标、配色方案和字体规范、徽标变体(单色、反白、网站图标),以及社交媒体模板、头像、横幅或商品模型等品牌应用。也适用于品牌重塑或更新现有标志。关键词:brandkit、brand kit、visual identity、logo、monogram、wordmark、SVG、vectorize、color palette、typography、brand guidelines、brand board、launch kit。

设计与 UI413
P
powerbi-report-authoring
powerbi-report-authoring
microsoft / skills-for-fabric

使用 `powerbi-report-author` 和 `powerbi-desktop` CLI 创建和修改 PBIR/PBIP 格式的 Power BI 报告文件。适用于:(1) 实现已批准的报告规格或设计简报;(2) 添加或编辑页面、可视化项、筛选器、切片器、书签、主题或格式;(3) 验证 PBIR 并在 Power BI Desktop 中确认渲染效果。对于开放式视觉设计,请先使用 `powerbi-report-design`。对于端到端需求和审批工作流,请先使用 `powerbi-report-planning`。触发词:“edit PBIR”“create Power BI report page”“add visual to PBIP”“format report visual”“validate Power BI report”“reload Desktop screenshot”“implement an approved PBIP report spec”“edit PBIR pages/visuals”。

数据与数据库411
R
rspress-custom-theme
rspress-custom-theme
rstackjs / agent-skills

使用 CSS 变量、类覆盖、Layout 插槽、图标或组件弹出来自定义 Rspress v2 主题

设计与 UI411
C
character-design
character-design
omer-metin / skills-for-antigravity

创作令人难忘、易于辨识且能引发情感共鸣的游戏角色,使其在各种尺寸和情境下都有效。提及“character design、design a character、character art、character concept、character sheet、turnaround、expression sheet、character silhouette、shape language、character proportions、iconic character、memorable character、character lineup、character family、hero design、villain design、npc design、protagonist design、character、art-direction、visual-design、game-art、concept-art、silhouette、shape-language、color-theory、costume、expression、turnaround、iconic、readable”时使用。

创意与媒体410
G
generate-logo
generate-logo
zernie / vigiles

使用 ImageRouter API 生成或迭代改进 vigiles 徽标

设计与 UI410
S
shopify-development
shopify-development
davila7 / claude-code-templates

使用 GraphQL Admin API、Shopify CLI、Polaris UI 和 Liquid 构建 Shopify 应用、扩展和主题。触发词:“shopify”、“shopify app”、“checkout extension”、“admin extension”、“POS extension”、“shopify theme”、“liquid template”、“polaris”、“shopify graphql”、“shopify webhook”、“shopify billing”、“app subscription”、“metafields”、“shopify functions”

开发410
S
styling-nativewind-v4-expo
styling-nativewind-v4-expo
tristanmanchester / agent-skills

在 Expo React Native 应用中使用 NativeWind v4 和 Tailwind CSS v3 设置、修复配置并构建组件。适用于明确使用 v4 的项目、v4 配置故障、className 互操作或 v4 主题设置;不适用于 NativeWind v5 或通用 Web Tailwind 配置。

设计与 UI410
U
user-research-synthesis
user-research-synthesis
anthropics / knowledge-work-plugins

将定性和定量用户研究综合为结构化洞察和机会领域。在分析访谈笔记、调查回复、支持工单或行为数据,以识别主题、构建用户画像或确定机会优先级时使用。

设计与 UI409
I
interface-details
interface-details
detaildotdesign / skill

为界面增添精致的微交互、贴心细节和润色。适用于构建 UI、审查 UI 以发现细节/润色机会、让界面“感觉更好”,或添加恰到好处的惊喜和微交互。

设计与 UI408
L
landing
landing
alirezarezvani / claude-skills

生成高端单页 HTML 着陆页,包含 3D CSS 动画、GSAP 滚动效果和鼠标视差纵深效果。强制收集信息(产品和简短介绍、受众特征、品牌覆盖项、语气),在撰写文案或标记之前确定产品定位,使页面反映实际产品,而非通用模板。用户提到“为 X 做着陆页”“创建着陆页”“制作着陆页”“为 X 制作着陆页”“我需要 Y 的网页”,或提供产品/服务详情并希望制作精致网站时使用。提到“推广页”“产品页”“单页介绍”“线上形象”或“销售页”时也会触发。输出一个自包含 HTML 文件(Claude Code)或 HTML 产物(Claude.ai)。支持通过 CSS 自定义属性覆盖来配置品牌颜色。

设计与 UI407
M
macos-app-design
macos-app-design
petekp / agent-skills

使用 SwiftUI 或 AppKit 设计或构建原生 macOS 应用时使用。适用于菜单栏结构、键盘快捷键、多窗口行为、Liquid Glass 设计系统、macOS Tahoe/Sequoia、侧边栏导航、工具栏设计、应用图标、SF Symbols,或让应用符合 Mac 用户习惯的场景。

设计与 UI407
P
pulsar-haptics
pulsar-haptics
software-mansion-labs / skills

在 React Native、iOS、Android、Kotlin Multiplatform、Flutter 和 Web 中,使用 Software Mansion Pulsar 实现、迁移、设计、审查和排查触觉反馈。用户提到 Pulsar、Pulsar 包(如 react-native-pulsar、com.swmansion:pulsar、com.swmansion:pulsar-kmp、pulsar_haptics 或 pulsar-haptics)、Pulsar 导入项、预设、composer、设置、安装、迁移或运行时问题、包含 Pulsar 触觉绑定的 Figma 设计,或明确要求迁移到 Pulsar 时使用。若没有 Pulsar 相关证据或明确意图,不要用于通用触觉、振动、Core Haptics、浏览器 Vibration API、expo-haptics、动画、音频、动效或 UI 润色工作

开发407
S
screenshotting-changelog
screenshotting-changelog
spencerpauly / awesome-cursor-skills

使用 Cursor 内置浏览器为 UI 更改截取前后对比截图,生成可视化变更日志或 PR 描述。准备包含视觉更改的 PR 时使用

开发406
B
brand-style-guide
brand-style-guide
rampstackco / claude-skills

创建或审查全面的品牌风格指南,记录完整的品牌体系,包括品牌故事、Logo 系统、色彩、字体、图像、品牌语调、应用场景以及注意事项。每当用户希望创建品牌指南、记录现有品牌、制作品牌手册、审查现有风格指南的完整性,或制作供其他团队多年参考的资料时,使用此技能。适用于 style guide、brand guidelines、brand book、brand standards、brand manual、style sheet、brand documentation、brand reference 等需求。品牌识别体系完成后,若需整理成文档并交接给设计师、开发者、供应商或未来团队成员,也适用。

设计与 UI405
I
information-hierarchy
information-hierarchy
haowjy / creative-writing-skills

为面向用户的大型输出加载:报告、文档、多章节说明、产物。为每个部分选择合适的形式(正文、图表、表格、模型稿),并将答案放在前面,详细内容置后。如果媒介支持,请使用渐进式呈现。

文档处理405
S
syncfusion-blazor-dropdowns
syncfusion-blazor-dropdowns
syncfusion / blazor-ui-components-skills

全面介绍 Syncfusion Blazor 下拉组件的实现,包括 AutoComplete、ComboBox、DropDown List、MultiSelect Dropdown 和 ListBox。在 Blazor 应用中构建选择界面、数据绑定、筛选、级联下拉菜单、自定义模板和无障碍下拉体验时使用。涵盖 Syncfusion.Blazor.DropDowns 包中的所有下拉组件

开发405
A
app-icon
app-icon
melvynx / aiblueprint

生成色彩鲜明、富有立体感的 iOS 和 Android 应用图标,然后按应用商店规格进行后期处理。用于创建、重新生成或润色 Expo 或 React Native 应用的徽标或启动器图标

设计与 UI404
M
magento-frontend-developer
magento-frontend-developer
maxnorm / magento2-agent-skills

创建全面的 Magento 2 前端解决方案。适用于开发前端功能、处理布局 XML、模板、JavaScript 或响应式设计。精通 Magento 前端技术中的布局 XML、模板开发、JavaScript 集成和性能优化。

开发404
S
sketch
sketch
nousresearch / hermes-agent

一次性 HTML 模型:提供 2–3 种设计方案以供比较

设计与 UI404
A
animate
animate
onewave-ai / claude-skills

根据自然语言描述生成动画视频和动态图形。创建独立的 Vite + React 项目,其中包含可在浏览器中自动播放的 Framer Motion 场景。适用于用户想要创建动画、动态图形、视频片头、动画演示文稿或产品演示的情况。

创意与媒体403
F
fal-redesign
fal-redesign
fal-ai-community / skills

使用 fal.ai 将已编码的网站升级为获奖级、经编辑精心设计的作品。输入本地 HTML 文件或开发服务器 URL,并为其截图;由 opus-4.7 视觉模型编写 gpt-image-2 编辑提示词,再使用 fal-ai/gpt-image-2/edit 生成重新设计的参考图像;随后由 opus-4.7 视觉模型编写包含 “Hard constraints” 部分的 Markdown 构建规范和 tokens.json。还支持迭代(为已实现的网站截图 → 编写相对参考图的差异规范)和从零生成(简介 → 模型图 → 单文件 HTML)。当用户说“改进设计”“做出世界级效果”“重新设计这个落地页”“升级这个网站”“设计调整”,或提供本地 HTML/开发服务器用于视觉评审时调用。

设计与 UI403
F
frontend-design
frontend-design
block / agent-skills

创建独具特色、达到生产级质量的高设计水准前端界面。当用户要求构建网页组件、页面或应用时使用该技能。生成富有创意、精致打磨的代码,避免千篇一律的 AI 风格。

设计与 UI403
L
lower-thirds
lower-thirds
iart-ai / lower-thirds-skills

制作动画下三分之一字幕条及其他广播叠加图形(姓名条、角标、订阅提醒、经文或歌曲标题),将其逐帧绘制在 JavaScript canvas 上,并渲染为带 alpha 通道、适用于 OBS 和浏览器的 WebM,或适用于 Premiere Pro、DaVinci Resolve 和 Final Cut 的 ProRes 4444。适用于用户需要下三分之一字幕条、姓名标题、字幕条、直播叠加图形、角标,或任何可叠加到自有视频素材或直播画面上的透明背景图形。

创意与媒体403
U
ui-ux-reviewer
ui-ux-reviewer
arjenschwarz / agentic-coding

评估并改进界面的用户体验(CLI、网页、移动端)

设计与 UI402
D
dribbble-ui-skills
dribbble-ui-skills
ihlamury / design-skills

Dribbble 的 UI 设计系统。构建受 Dribbble 美学启发的界面时使用,包括浅色模式、Inter 字体和 4px 网格。

设计与 UI401
F
framer-code-components-overrides
framer-code-components-overrides
fredm00n / framerlabs

创建 Framer Code Components 和 Code Overrides。在为 Framer 编写或编辑任何 `.tsx` 之前使用,包括判断某项功能是否需要代码。涵盖为 Framer 构建自定义 React 组件、编写用于修改画布元素的 Code Overrides(HOC)、实现属性控件、使用 Framer Motion 动画、在 Framer 中处理 WebGL/shaders,以及调试水合错误、字体处理等 Framer 特有问题。

设计与 UI401
R
react-navigation
react-navigation
ilteoood / harness

提供 React Navigation 的 UI 模式,涵盖堆栈、标签页、抽屉等。使用 React Navigation 构建导航 UI、配置标题栏或底部面板,或处理安全区域和内边距时使用。

开发401
V
vuetify-skilld
vuetify-skilld
skilld-dev / vue-ecosystem-skills

Vue Material 组件框架。编写、调试或配置导入 vuetify v4.x 的代码时使用。涵盖 createVuetify 设置、组件和 labs、组合式函数、主题、图标、日期和区域设置、样式和 SASS 变量、tree-shaking,以及从 v3 迁移到 v4。

开发401
C
contributing

Nuxt UI 贡献指南。提供组件结构模式、Tailwind Variants 主题配置、Vitest 测试规范和 MDC 文档指南。适用于创建新组件、审查组件 PR、修改现有组件、编写测试,或在此代码库中创建文档。

开发400
F
fal-regenerate-3d
fal-regenerate-3d
fal-ai-community / skills

完全由 fal.ai 驱动,构建全交互式 3D 角色选择体验。生成风格化角色(FLUX.2 / GPT-Image-2)、绑定骨骼的动画 GLB(Meshy v6)、主题伙伴生物、每个角色专属的 PATINA 地面纹理、循环播放的 Seedance 视频背景,以及包含调色板切换、呼吸般反射、转场效果和 CREATE-YOUR-OWN 流程的 Three.js 场景。

创意与媒体400
S
syncfusion-blazor-charts
syncfusion-blazor-charts
syncfusion / blazor-ui-components-skills

实现 Syncfusion Blazor Chart(SfChart)组件,提供全面的数据可视化。创建折线图、条形图/柱状图、面积图、金融图表或统计可视化时使用。此技能涵盖 30 多种图表类型,包括散点图、气泡图、蜡烛图,以及瀑布图、直方图和极坐标图等专用图表,适用于 Blazor 应用。

数据与数据库400
L
linear-ui-skills
linear-ui-skills
ihlamury / design-skills

Linear 的 UI 设计系统。用于构建具有 Linear 美学风格的界面——深色模式、Inter 字体、4px 网格。

设计与 UI399
P
paper-2-web
paper-2-web
davila7 / claude-code-templates

将学术论文转换为宣传和展示形式,包括交互式网站(Paper2Web)、演示视频(Paper2Video)和会议海报(Paper2Poster)。适用于论文传播、会议准备、创建可交互探索的学术主页、生成视频摘要,或从 LaTeX 或 PDF 来源制作可直接印刷的海报。

文档处理399
S
syncfusion-blazor-popups
syncfusion-blazor-popups
syncfusion / blazor-ui-components-skills

使用 Syncfusion Blazor Dialog 组件实现模态和非模态对话框。创建对话框、弹出窗口、模态确认框、自定义表单或交互式覆盖窗口时使用此技能。涵盖模板、事件、定位、动画、无障碍功能和高级自定义

开发399
U
umbraco-property-editor-ui
umbraco-property-editor-ui
umbraco / umbraco-cms-backoffice-skills

使用官方文档在 Umbraco 后台实现属性编辑器界面

开发399
Y
yingzao
yingzao
op7418 / guizang-yingzao-skill

将中国真实建筑和具有地域文化特色的照片转化为经过艺术指导的编辑风格海报、融合多张照片的场景,以及可选的原图对比。适用于历史建筑、传统街巷、具有文化特色的店铺、室内空间、美食、旅行封面和地点拼贴;不适用于普通广告、常规修图或虚构地点。

创意与媒体399
G
graphic-designer
graphic-designer
thepexcel / agent-skills

为缩略图、社交媒体、横幅和演示文稿设计图形。运用有研究支持的技巧和设计原则(CRAP、格式塔、视觉层级)。与 /geometric-elements 集成以制作装饰元素。用于创建版式、选择字体/颜色或设计任何图形素材。摄影/电影摄影提示词请改用 /art-director。

设计与 UI398
P
paper-cinder-transition
paper-cinder-transition
mengto / skills

通过纸张燃烧转场在页面、章节或场景之间切换:锯齿状的余烬线扫过画面,烧焦前方的旧页面,并在其后实时显露下一个场景。以单次 WebGL 合成通道实现,叠加在冻结画面和经过裁剪的实时场景上。涵盖前景轮廓、带有珠状金线的发光余烬渐变、使用 alpha 蒙版处理的撕裂多孔炭迹、烘焙噪声、有限差分斜率、0.75 倍缩放的实时场景、扫动方向、时序、减少动态效果和可见性暂停。适用于燃烧转场、纸张燃烧、余烬擦除、火焰章节切换、烧焦页面显现、燃尽式章节切换、余烬溶解,或场景间的淡入淡出、滑动、通用溶解效果显得廉价时。

设计与 UI398
P
powerbi-report-design
powerbi-report-design
microsoft / skills-for-fabric

在写入 PBIR 文件前,生成 Power BI 报告的视觉设计指导。用户希望:(1) 选择基调、特色风格、页面类型、图表类型、布局、颜色、字体、主题方向或无障碍方案;(2) 重新设计/调整现有报告样式、应用品牌,或评议图表/布局选择;(3) 为 `powerbi-report-authoring` 制定设计规范时使用。端到端需求、审批和构建顺序请使用 `powerbi-report-planning`。触发词:“design Power BI report”“make dashboard look professional”“choose chart type”“apply brand to report”“redesign report”“create design brief”“Power BI report design archetype”。

设计与 UI398
S
scan
scan
accesslint / skills

审查在线页面的无障碍问题,并精确定位每项违规——可传入 URL、配置目标名称(例如 `accesslint:scan dev`),或不传参数以使用 accesslint.config.json 中的默认目标。确保 Chrome 可调试,通过 CDP 运行 @accesslint/core 引擎,并返回在线 DOM 中的 WCAG 违规清单,逐项关联 DOM 选择器和源文件行号。只定位问题,不编辑;输出由 Claude 用于修复。用于询问“此页面是否无障碍”,或验证 UI 变更。若要与未提交的更改或分支进行比较,请使用 `diff` skill。

测试与质量398
T
tdesign-miniprogram
tdesign-miniprogram
joneqian / claude-skills-suite

Tencent 的 TDesign 小程序 UI 组件库。用于使用 TDesign 组件、设计系统和最佳实践构建微信小程序。

设计与 UI398
第 2881–2940 条,共 10,627 条

第一次接触 MCP?

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

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