mcpField

Skills

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

设计与 UI

I
interface-design-taste
interface-design-taste
jpcaparas / skills

设计高质量的产品应用、营销网站、仪表盘和桌面 UI。用于艺术指导、评审、重设计、层级、布局、字体排印、色彩、动效或轻量设计系统。不要用于 logo、纯插画工作、图像提示词或仅后端的任务。

设计与 UI116
L
laravel-blade-component-patterns
laravel-blade-component-patterns
iserter / laravel-claude-agents

Laravel Blade 组件的最佳实践,包括基于类的组件与匿名组件、slot、属性包(attribute bag)以及可复用的 UI 模式。

开发116
R
react-email
react-email
oakoss / agent-skills

使用 React Email 组件构建响应式 HTML 邮件。涵盖邮件结构(Html、Head、Body、Container)、内容组件(Text、Heading、Button、Link、Img)、布局(Section、Row、Column)、内联 CSS 与 Tailwind 样式、自定义字体、预览文本,以及渲染为 HTML。适用于创建事务性邮件、营销模板或邮件设计系统。用于邮件渲染、预览、Tailwind 邮件样式,以及与 Resend、Nodemailer 或 SendGrid 的服务商集成。

设计与 UI116
S
shadcn-vue-inertia
shadcn-vue-inertia
inertia-rails / skills

面向 Inertia Rails Vue 3(非 Nuxt)的 shadcn-vue 组件集成:表单、对话框、表格、toast、暗色模式等。在 Inertia + Vue 应用中使用 shadcn-vue 组件构建 UI,或改写来自 Nuxt 的 shadcn-vue 示例时使用。通过 name 属性和 #default 作用域插槽将 shadcn-vue 输入接入 Inertia Form。Flash toast 需要 Rails 的 flash_keys 初始化配置。

开发116
S
srt-hyperframes-editorial-video
srt-hyperframes-editorial-video
yangagent / srt-hyperframes-editorial-video-skill

SRT 字幕驱动的 HyperFrames + GSAP 生成 Editorial 风格的视频。当用户说"根据 SRT 字幕文件制作 Editorial 动画",或者用户说"制作 Editorial 视频",并提供 SRT 字幕文件时,使用这个 skill

创意与媒体116
S
static-web-artifacts-builder
static-web-artifacts-builder
mathews-tom / armory

构建可在浏览器中打开的独立静态 HTML 成品:交互式图表、仪表板、信息图。仅使用 HTML5+CSS3+内联 SVG,无需工具链。触发词:“interactive HTML”“open in browser”“HTML artifact”“visual dashboard”“HTML infographic”。不用于生成 PNG/SVG 输出,请使用 concept-to-image。不用于回答状态模型或布局问题的一次性原型,请使用 prototype

设计与 UI116
U
unocss
unocss
hairyf / skills

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

设计与 UI116
V
vue-data-ui-skilld
vue-data-ui-skilld
skilld-dev / vue-ecosystem-skills

一个赋能用户的数据可视化 Vue 3 组件库(69 个组件),用于富有表现力的数据叙事。在编写导入 "vue-data-ui" 的代码时始终使用。就组件选择、配置、主题、插槽、工具提示、导出、SSR、调试,或修改 vue-data-ui、vue data ui 进行参考。

数据与数据库116
W
web-interface-design
web-interface-design
ratacat / claude-skills

适用于设计或审阅 Web UI、实现表单/按钮/输入框、修复视觉层级问题、创建色彩系统、搭建布局,或当界面感觉杂乱、难以阅读、用户不知道点哪里时。

设计与 UI116
W
wechat-article
wechat-article
freeany / wechat-article

将 Markdown 文章转换为微信公众号兼容的 HTML 格式。适用于用户需要将 Markdown 文件转换为微信文章、应用微信公众号排版主题样式、生成与微信编辑器兼容的内联 CSS HTML、为微信处理含代码块和表格的技术文章,或应用带页眉页脚的专业微信风格排版时。

文档处理116
A
authoring-user-flows
authoring-user-flows
bm629 / agent-skills

在编写用户流程文档时使用——该文档描绘用户为达成每个目标在产品中所走的路径:入口点 + 导航/信息架构框架、happy path、决策分支、错误/恢复 + 边界状态(含加载 + 成功)、交互韧性(撤销/恢复/系统状态)、流程级无障碍,以及所经过的界面/状态,每条流程都追溯到某个目标/角色任务。指导的是方法,而非大纲:从上游目标 + 既有模式推导流程(绝不凭空发明),枚举每个分支 + 错误路径以确保没有路径走入死胡同,用客观启发式评判流程质量,将每条流程呈现为同步的图表 + 编号叙述,并以限定范围的版本化增量修订现有文档。与单独的用户流程模板工具和一项研究能力组合使用。假定已批准 PRD 作为上游输入——绝不从空白页开始。不用于审查已完成的用户流程文档,不用于屏幕布局/线框图,也不用于编写 PRD 本身。

设计与 UI115
A
awwwards
awwwards
tponscr-debug / claude-skill-awwwards

应用 Awwwards 获奖设计原则。适用于设计 UI、构建前端或改进视觉设计时。触发于前端设计、UI/UX 工作、样式、CSS、组件设计。

设计与 UI115
D
dark-mode
dark-mode
arnavpuri / designskills

Web UI 的深色主题设计与实现:表面层级、降低饱和度的品牌色、文字/边框 token、color-scheme、系统偏好检测、无闪烁主题切换,以及 Tailwind 深色变体。当用户要求“添加深色模式”“创建深色主题”“深色模式支持”“实现深/浅色切换”“主题切换器”“prefers-color-scheme”“为深色背景设计”“夜间模式”或任何深色主题工作时使用。HTML 邮件中的深色模式请使用 email-design;构建完整调色板请使用 color-palette。

设计与 UI115
D
design-md-convention
design-md-convention
thebeardedbearsas / claude-craft

AI 友好的设计系统 DESIGN.md 约定。在搭建新项目 UI、记录设计令牌或生成与设计系统一致的 UI 时使用。

设计与 UI115
E
editorial-illustrations
editorial-illustrations
huytieu / cog-second-brain

以 monotykamary / Linear 美学(近黑灰度、Inter 标题字 + 等宽标签、细线边框图形)生成承载含义的编辑型数据插图,并以单一珊瑚色作为强调色。这是一份生成式指南,不是模板库:它教授“主张 -> 几何”方法,使任何会话都能为文章实际论证的内容发明出恰当的图形,然后将其渲染为自包含、可感知主题、对减少动效安全的 HTML/SVG 图形。在撰写/配图博客文章、文章、规范或幻灯片,并想要一个承载论点的图表、示意图或插图(而非装饰)且符合内部风格时使用。触发词:“为这个做一张图表/示意图/插图”、“把这个论点可视化”、“monotykamary/Linear 风格图形”、“编辑型图形”。

创意与媒体115
F
frontend-design
frontend-design
seb1n / awesome-ai-agent-skills

借助设计系统、响应式布局、无障碍组件和深色模式支持,设计并构建可用于生产的前端界面。适用于用户请求前端设计或为该工作流提供相关输入时。

设计与 UI115
G
gpt-image-2
gpt-image-2
genmedia-labs / skills

在 RunComfy 上使用 OpenAI GPT Image 2(ChatGPT Images 2.0)生成和编辑图像。介绍 GPT Image 2 的优势(嵌入文本、徽标、多语言排版、指令精准度)、3 种固定尺寸、保留内容的编辑措辞,以及何时应改用同系列模型(Flux 2 / Nano Banana Pro / Seedream)。通过本地 RunComfy CLI 调用 `runcomfy run openai/gpt-image-2/text-to-image` 或 `/edit`。当出现“gpt image 2”“gpt-image-2”“ChatGPT Images 2”“image 2”,或明确要求使用此模型生成或编辑图像时触发。

创意与媒体115
I
image-assistant
image-assistant
yunshu0909 / yunshu_skillshub

配图助手 - 把文章/模块内容转成统一风格、少字高可读的 16:9 信息图提示词;先定“需要几张图+每张讲什么”,再压缩文案与隐喻,最后输出可直接复制的生图提示词并迭代。

创意与媒体115
M
motion-design
motion-design
richtabor / agent-skills

为 UI 组件提供动效设计指导。在提出动画需求(「animate this」「add transition」「motion for」)、打磨需求(「clean up this animation」「clean up the motion」「this feels too fast/slow」「make this feel more alive/natural」)以及关于缓动、时长或微交互的问题时触发。

设计与 UI115
P
pagecraft-pages

当用户要求你在 PageCraft 中构建、列出或发布任何文档时使用此技能 —— 页面、4CMS 模板(目录分类、商品卡片)或包裹页面的布局文档 —— 方法是从库中选择区块,通过 V1 REST API 填充其占位符,并可选择发布到 4CMS。触发短语包括「сделай страницу」「собери лендинг」「напиши статью на сайте」「наполни рубрику」「создай страницу в PageCraft」「сгенерируй landing」「сделай шаблон рубрики」「сделай шаблон карточки товара」「собери макет сайта」「сделай макет с шапкой и подвалом」「какие есть шаблоны」「какие есть шаблоны рубрик」「какие есть типы шаблонов」「какие есть макеты」「покажи мои страницы」「наполни блоки контентом」「опубликуй страницу」「обнови опубликованную страницу」「обнови устаревшие блоки」「приведи страницу к актуальным версиям」「найди где используется блок」「мигрируй мажорную версию блока」「сделай аудит блоков на странице」。

设计与 UI115
P
product-from-scratch
product-from-scratch
linegel / threejs-complete-set-of-skill

在构建产品变更之前先设计它。判断该变更需要 BRD、PRD、XDS 和 SDD 中的哪些,并提供用于撰写这些文档的故事、场景和状态语法、精确命名控件的词汇,以及评审和验证规则。适用于任何面向用户的变更,从一行修复到新旅程。

设计与 UI115
R
react-ink
react-ink
dhruvjainin / absolute

将你的开发生命周期提升 10 倍的绝佳技能

开发115
S
svg-illustrations
svg-illustrations
fawzymohamed / devops

创建手绘风格 SVG 插画的专家知识。在创建自定义图表、使用插画组件或为课程需要一致的视觉设计时启用。

设计与 UI115
U
ux-accessibility-audit
ux-accessibility-audit
uxcel-lab / product-skills

对设计、界面、组件或页面执行结构化的 WCAG 2.1 AA 无障碍审计。产出一份按优先级排序的问题清单 —— 每条发现都引用违反的 WCAG 准则、严重程度评级(严重/主要/次要)和具体修复方案。在审计 a11y 合规性时使用,或作为生成 UI 后的验证步骤。

设计与 UI115
U
ux-navigation
ux-navigation
uxcel-lab / product-skills

设计或评审导航系统——使导航模式(顶部栏、侧边栏、标签页、汉堡菜单、超级菜单、底部导航)与信息架构相匹配,并应用寻路、页眉、面包屑和分页的最佳实践。当用户要求设计或评审导航、菜单、导航栏、侧边栏、标签页、面包屑、页眉、分页,或询问用户应如何在网站或应用中浏览时触发。

设计与 UI115
U
ux-review-builder
ux-review-builder
robertodiasduarte / sdd-starter

进行渐进式访谈,无需掌握 UX 或设计术语,为软件项目创建或演进规范化的 UX 标准,并生成三份协同的产物:UX_STANDARD.md、定制的 ux-review 技能以及 UX_REVIEW_TEMPLATE.md。当你想在评审功能之前定义外观与感觉、受众、原则、设计系统、无障碍、响应式、语调、参考、交互、质量标准或 UX 治理时使用。生成的 ux-review 会成为 SDD 中 Define 与 Design 之间的环节。它不会代替生成的技能来执行某个功能的评审。

设计与 UI115
A
aham-ppt
li599198347-svg / aham-ppt

全流程 AI 制作 PPT 演示文稿技能,对标麦肯锡/德勤顶级咨询公司标准(Aham UI v6.1 · Office 轨 · PPT)。 当用户说"帮我做PPT""做演示文稿""做一个汇报""根据这份资料做PPT" "做客户方案PPT""制作幻灯片"时立即触发。即使只有一句话需求也触发。 八阶段模块化流程:规范加载→材料解析→论点提炼→叙事骨架→大纲版式→样稿确认→逐页设计→质检交付。 内置能力自适应教练机制,无论用户专业水平高低,均引导至及格以上输出。 注意:本技能用于 PowerPoint / pptx 输出;SVG/HTML 版本见 ppt-svg 技能。

文档处理114
A
animated-video
animated-video
bluzir / claude-code-design

构建动画动态设计(讲解视频、转场集锦、产品介绍)。使用 animations.jsx 中的 Stage/Sprite 时间轴制作浏览器内合成,或用 Remotion 处理完整的视频/MP4 工作流。

创意与媒体114
A
apple-hig-designer
apple-hig-designer
axiaoge2 / apple-hig-designer

遵循 Human Interface Guidelines 设计 Apple 风格的 iOS/macOS 界面。创建符合 HIG 的组件,采用 SF Symbols、San Francisco 字体排版和恰当的无障碍支持。可选支持现代效果。在设计 Apple 风格 UI、iOS/macOS 界面、符合 HIG 的组件或实现设计系统规范时使用。

设计与 UI114
A
apply-brand-colors
apply-brand-colors
clueso-ai / skills

一次性将现有视频中的所有叠加层、文本元素、背景和形状重新着色为品牌色板,同时不改动素材、旁白和时序。当用户说"应用我们的品牌颜色""让这个视频符合品牌风格""把叠加层重新着色为我们的色板""把颜色改成符合我们品牌"或"这个视频不符合我们的品牌套件"时使用。

创意与媒体114
A
audit-ui
audit-ui
mblode / agent-skills

从可访问性、交互、表单、排版、导航、布局、性能、动效和微文案等方面审查 Web UI 质量。适用于在合并或发布前审查、优化前端 UI,或用户要求进行 UI、UX 或可访问性审查时。

设计与 UI114
D
design-engineering
design-engineering
rohitg00 / pro-workflow

在构建或审查 UI 时应用界面工艺——动效、缓动、时序、弹簧、组件手感以及视觉基础。适用于构建组件、动画、过渡、悬停或按下状态、模态框、抽屉、提示条,或打磨界面使其感觉恰当。触发语句:“make this feel better”“add an animation”“polish the UI”“review this component”。

设计与 UI114
D
design-system
design-system
arnavpuri / designskills

构建代码化的设计系统:三层设计 token(CSS 变量与 W3C DTCG JSON)、间距/圆角/阴影/动效尺度、浅色/深色/多品牌主题化,以及带状态和文档的组件 API。在构建或扩展组件库或 token 架构时使用。触发短语:“design system”“design tokens”“component library”“theming”“css variables”“spacing scale”“elevation system”“component API”“token hierarchy”“tokens.json”。消费 color-palette(颜色)和 typography(字体尺度);若仅需记录品牌基础信息,请使用 design-context。

设计与 UI114
D
desk-customization
desk-customization
lubusin / frappe-skills

使用表单脚本、列表视图脚本、报表脚本、对话框和客户端 JavaScript API 定制 Frappe Desk UI。适用于构建交互式 Desk 体验、添加自定义按钮或编写表单行为脚本。

开发114
E
element-plus-vue3

提供 Element Plus Vue 3 组件库的全面指南,涵盖安装、组件、主题、国际化和 API 参考。用户咨询 Vue 3 的 Element Plus、需要使用 Element Plus 构建 Vue 3 应用或自定义组件样式时使用。

开发114
F
frontend-development
frontend-development
lubusin / frappe-skills

使用 Frappe UI 构建现代 Vue 3 前端应用,涵盖组件、数据获取和门户页面。适用于为 Frappe 应用创建自定义前端、SPA 或门户界面。

开发114
G
game-ui-frontend
game-ui-frontend
openai / plugins

为浏览器游戏设计 UI 界面。当用户要求 HUD、菜单、覆盖层、响应式布局,或必须保护游戏区的视觉方向时使用。

设计与 UI114
I
icon-design
icon-design
arnavpuri / designskills

为 UI 设计和实现一致的 SVG 图标系统:关键线网格、描边规则、视觉校正、线性/填充/双色调样式、图标与文本对齐、动画以及无障碍标记。用于代码中的 UI 图标;品牌标识请使用 brand-identity,插画请使用 image-generation。触发短语:「icon design」「svg icon」「icon system」「custom icons」「icon animation」「icon grid」「icon accessibility」「duotone icon」「icon set」「animated icon」

设计与 UI114
L
landing-page-optimizer
landing-page-optimizer
aiagentskills / skills

以转化为核心的落地页优化手册。在审计或改进营销站点、SaaS 或电商的落地页、首屏/CTA 区块、表单、社会证明或实验方案时使用。

营销与增长114
P
punk-cover
punk-cover
adrianpunk / punk-skill

从共享的 Punk 风格库生成本地化封面图片和可复用图像提示词,适用于文章、小红书笔记、微信公众号推文、X 帖子、Instagram、Facebook、LinkedIn、YouTube、TikTok、Pinterest、Snapchat、Reddit、Threads、Bluesky、Medium、选题草稿,以及封面、社交封面图、海报提示词、基于风格模板的图像提示词或从长文本生成图像的需求。使用此技能分析源内容,将不支持的宽高比解析为最接近的可用生成比例,选择本地化视觉风格,保存最终提示词,并在有图像生成工具可用时生成图像。

创意与媒体114
R
reviewing-user-flows
reviewing-user-flows
bm629 / agent-skills

在评审/评判一份已完成的用户流程文档时使用,以判断下游的线框阶段能否枚举出每一个屏幕,以及每条路径是否完整、可走通、有韧性、可访问且合理——这是一道验收关卡,而非撰写。用户流程文档即导航/交互图:入口 + 信息架构框架、顺畅路径、分支、错误/恢复 + 边界状态、韧性、流程级可访问性、经过的屏幕。按单一来源的标准来评判:目标映射到流程(无孤儿)、入口与出口已定义、分支可收敛、无死胡同、状态(含加载 + 成功)已覆盖、不可逆操作有防护、每条路径都可用键盘/辅助技术完成、流程在客观上合理、标注已同步、屏幕可枚举;修订时还会做增量范围的评审。只输出 `VERDICT: approve|revise` 并附可执行的发现。对达到标准的文档予以通过(不会对单薄的文档误判为需修订),仅在存在明确缺口时要求修订。不用于撰写,不用于线框图,不用于 PRD。

设计与 UI114
R
roblox-monetization-optimization
roblox-monetization-optimization
ashexplained / roblox-skills

优化 Roblox 变现策略。适用于游戏通行证、开发者产品、捆绑包、商店 UX、价格阶梯、高级锚点、外观道具、转化实验、优惠位投放、收入分析,以及公平的非付费变强变现。

营销与增长114
S
shadcn
shadcn
blencorp / claude-code-kit

shadcn/ui 组件库模式,搭配 Radix UI 原语与 Tailwind CSS。在使用 shadcn/ui 创建表格、表单、对话框、卡片、按钮或任何 UI 组件,安装 shadcn 组件,或用 shadcn 模式设置样式时使用。

设计与 UI114
S
spec-product-demo
spec-product-demo
zixun-github / aisdlc

Use when 需要在 sdlc-dev 的产品需求 Spec 流程执行 R4(基于 requirements/prototype.md 生成可交互 Demo 工程),并需要避免跳过 spec-context、在缺少 prototype.md 或缺少可运行 Demo 工程根目录时仍继续、或自创页面/目录导致不可追溯与无法回流闭环。

开发114
T
tamagui-v2
tamagui-v2
ramarivera / tamagui-skills

面向 Web 和原生的通用 React UI 框架(v1.144.0+)。适用于使用 React Native + Web 构建跨平台应用、用 `styled()` 创建样式化组件、配置设计 token/主题、使用 Tamagui UI 组件(Button、Dialog、Sheet、Input、Select、Tabs 等)、处理动画,或需要 Bento/Takeout 高级组件时。触发词:“tamagui”、“universal UI”、“react native web”、“styled()”、“design tokens”、“$token”、“XStack/YStack/ZStack”、“useTheme”、“useMedia”、“@tamagui/*” 导入、“bento”、“takeout”、“one.js router”、“createStyledContext”、“withStaticProperties”、“@tanstack/react-table”、“zero sync”、“better auth”。

设计与 UI114
U
unity-uitoolkit
unity-uitoolkit
besty0728 / unity-skills

构建 Unity UI Toolkit(UITK)UI

设计与 UI114
U
usability-tester
usability-tester
oakoss / agent-skills

通过系统化观察开展可用性测试并识别 UX 问题。在测试用户流程、验证设计、识别摩擦点、进行启发式评估或确保用户能完成核心任务时使用。适用于测试规划、出声思维法、任务场景、严重程度评级、无障碍评估。

测试与质量114
U
ux-information-architecture-audit
ux-information-architecture-audit
uxcel-lab / product-skills

对站点地图、导航树、分类结构、菜单标签或多屏产品执行结构化的信息架构审计。产出一份带严重程度评级和具体修复方案的问题清单 —— 能捕捉结构/任务不匹配、窄而深的层级、信息气味低的标签、不一致的标签体系、单路径可查找性和死胡同页面。在审计 IA、站点结构、分类、分类法或标签时使用,或作为生成导航或任何多屏结构后的验证步骤。

设计与 UI114
U
ux-inputs-and-forms
ux-inputs-and-forms
uxcel-lab / product-skills

设计或评析表单和输入字段——字段选择、标签、布局、校验、错误状态和提交。应用始终成立的核心原则(最少字段、单列、标签置于输入框外、内联校验),并对多步拆分、浮动标签和智能默认值等杠杆手段进行把关。当用户要求设计、构建或审查表单、注册/结账/调查字段、输入校验或错误消息时触发。

设计与 UI114
U
ux-layout-spacing-grids
ux-layout-spacing-grids
uxcel-lab / product-skills

以有纪律的间距、尺寸和网格来排布界面 —— 每个值都基于一个基准单位(8px/4px 刻度),内容对齐到网格,用邻近性和留白完成分组,用空间建立视觉层级。用系统取代随意的像素值和临时对齐。同时涵盖空间上的视觉层级/对齐/构图基础。在设计或点评布局、设置间距/内边距/外边距、构建间距刻度或设计令牌、选择或应用网格/分栏、修复不一致的间距或对齐,或通过空间和位置建立视觉层级时触发。

设计与 UI114
U
ux-psychology
ux-psychology
kimny1143 / claude-code-template

将 UX 心理学效应应用于 UI 设计。在设计落地页、价格表、新手引导、CTA 时自动参照。

设计与 UI114
W
weapp-tailwindcss-setup
weapp-tailwindcss-setup
sonofmagic / skills

为新项目配置当前 weapp-tailwindcss v5 与 Tailwind CSS 4,覆盖 uni-app、uni-app x、Taro、Mpx、原生小程序、weapp-vite、Vite、Webpack 5、Rspack、Gulp、独立 CLI 及小程序/H5/Web/App 多端。当需要设置、安装、集成、选择框架配置,或用 `weapp-tw` 构建 CSS 时使用;不用于旧版迁移、故障诊断、自研构建器、Expo React Native 或 ReactLynx。

开发114
A
amz-a-plus-content
amz-a-plus-content
jaygptpro / amazon-pro-skills

规划并撰写具备转化力的 Amazon A+ Content(原名 Enhanced Brand Content,2019 年更名),包括 Premium A+ 层级的模块(视频、轮播、交互式热点、更大的对比图表、Q&A)以及贯穿整个商品目录的品牌故事轮播。选择合适的模块布局、撰写有说服力的模块文案、设计对比图表,并产出可直接交付设计师的图片简报。当用户要求创建、规划、改进或审查 A+ Content、Enhanced Brand Content、Premium A+、品牌故事模块、对比图表、交互式 A+ 模块、A+ 视频,或 Amazon 商品页要点下方视觉区域时使用。触发短语包括 "A+ content"、"EBC"、"enhanced brand content"、"brand story module"、"comparison chart"、"below the fold"、"premium A+"、"brand story"、"A+ video"、"interactive modules"、"premium content"。无需任何工具即可使用。用户描述产品并粘贴任何现有文案。

营销与增长113
A
amz-storefront-design
amz-storefront-design
jaygptpro / amazon-pro-skills

规划亚马逊品牌旗舰店。设计页面结构、导航、可购物内容和流量计划,让旗舰店成为真正的品牌落地页,而不是死页面。适用于用户询问亚马逊旗舰店、品牌旗舰店、店面设计、店铺页面、可购物图片,或为店铺引流。触发短语:"amazon store"、"brand store"、"storefront"、"store design"、"store pages"、"shoppable images"、"store traffic"。无需任何工具。

设计与 UI113
D
data-forms
data-forms
huytieu / cog-second-brain

选择正确的数据集呈现方式,让读者三秒内抓住结论——包含 20 多种图表和示意图形式的目录,附使用时机与失效模式,以及让其中任何一种都可读的编码决策(要点标题、直接标注、去掉坐标轴、高亮与弱化、展示注意事项)。不限定风格——可与目标场景已有的任何配色或设计系统搭配使用。适用于为文章、简报、演示文稿或报告绘制调研结果、基准数据、使用指标或研究发现,以及在默认柱状图感觉埋没了重点时使用。

数据与数据库113
D
design-principles
design-principles
ormus-solutions / libreuiux-claude-code

核心视觉设计原则(视觉层级、格式塔分组、构图、平衡、对比、留白、色彩、字体排印),包含 UI 修复建议、检查清单和深入参考资料。在做出或论证布局、字体或色彩决策时,或当设计感觉不对劲、需要找出原因时使用。

设计与 UI113
D
diagram-monochrome
diagram-monochrome
paulrberg / agent-skills

当用户要求以黑白线稿风格创建单色技术图、示意图或系统/架构图时,应使用此技能。触发短语包括 "create a diagram"、"monochrome diagram"、"systems diagram"、"draw a schematic"。

设计与 UI113
G
gpt-image-edit
gpt-image-edit
genmedia-labs / skills

在 RunComfy 上使用 OpenAI GPT Image 2(ChatGPT Images 2.0 的 `/edit` 端点)编辑图像,并整合模型文档中记录的提示词模式,使技能比直接使用同一模型进行简单提示获得更出色的输出。介绍 GPT Image Edit 的优势(用于保留内容的描述、多语言图像内文字编辑、最多使用 10 张参考图、布局和排版精准度)、参数结构,以及何时改用 Nano Banana Edit、Flux Kontext 或 GPT Image 2 t2i。通过本地 RunComfy CLI 调用 `runcomfy run openai/gpt-image-2/edit`。在出现“gpt image edit”“gpt-image-edit”“chatgpt image edit”“edit with gpt image 2”等表达,或明确要求使用此模型编辑图像时触发

创意与媒体113
G
gsap-animation-composition
gsap-animation-composition
calesthio / generative-media-skills

在浏览器渲染媒体中编写、集成与审查 GSAP 动画的制作指导。适用于确定性的动态字体排版、SVG 绘制与变形、运动路径、FLIP 过渡、响应式运动系统,或 HTML 视频合成与基于 React 的渲染器中的可逐帧定位 GSAP 时间轴;不适用于普通 CSS 过渡或一般前端开发。

创意与媒体113
H
hexagone-frontend
hexagone-frontend
dedalus-erp-pas / foundation-skills

浏览并查询 Hexagone 前端组件(@his/hexa-components)的文档。当用户就 Hexagone 的 Vue.js 组件、UI 模式、beta-scss CSS 类、Vuex store 模块、自定义指令、表单验证规则或 Hexagone 前端设计系统提问时使用。从 GitLab 仓库获取面向 LLM 优化的文档。

开发113
第 5821–5880 条,共 10,672 条

第一次接触 MCP?

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

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