mcpField

Skills

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

设计与 UI

S
syncfusion-blazor-range-selectors
syncfusion-blazor-range-selectors
syncfusion / blazor-ui-components-skills

实现 Syncfusion Blazor RangeNavigator,用于交互式数据范围选择和图表导航。当用户提及范围选择器、范围导航器、SfRangeNavigator、Syncfusion.Blazor.Charts.RangeNavigator、时间序列筛选、图表日期范围选择器、数据缩放、滑块导航、基于滑块柄的范围选择、周期选择器,或大型数据的图表数据范围选择时触发。

设计与 UI334
W
web-artifacts-builder
web-artifacts-builder
davila7 / claude-code-templates

用于在 claude.ai 中创建精细的多组件 HTML artifacts 的工具套件,采用现代前端 web 技术(React、Tailwind CSS、shadcn/ui)。适用于需要状态管理、路由或 shadcn/ui 组件的复杂 artifacts,不适用于简单的单文件 HTML/JSX artifacts。

设计与 UI334
C
canva-resize-for-social-media
canva-resize-for-social-media
canva-sdks / canva-skills

将 Canva 设计调整为多种社交媒体格式(Facebook 帖子、Facebook 快拍、Instagram 帖子、Instagram 快拍、LinkedIn 帖子)。当用户希望一次性将 Canva 设计调整为多个社交平台格式,而非手动调整为单一格式时使用此技能。

设计与 UI333
F
flexlayout-react
flexlayout-react
bobmatnyc / claude-mpm-skills

适用于 React 的 FlexLayout——高级停靠式布局管理器,支持拖放、标签页、分隔器和复杂窗口管理

设计与 UI333
M
minimalist-ui
minimalist-ui
tasteskill / tasteskill

简洁的编辑风格界面。温暖的单色调配色、排版对比、扁平便当网格、柔和的柔色调。无渐变、无厚重阴影。

设计与 UI333
O
oil-motion
oil-motion
oil-oil / oil-motion

把 AI 生成或已有的视频、序列帧变成随滚动、指针、拖动、触摸、设备方向、音频、数据或状态变化的网页动画:设计动作方向,生成关键帧与视频,整理成图集或视频,编译时间轴并接入运行时。用户需要角色转向、产品拆解、镜头穿越、一镜到底转场,或要清理、抠色、补帧、压缩绿幕视频与雪碧图时使用。不用于纯 CSS、JS、SVG、Lottie 或实时 3D 就能完成的界面过渡与微交互(交给普通前端实现),也不用于独立成片剪辑、单张配图或静态页面。

设计与 UI333
S
syncfusion-blazor-splitter
syncfusion-blazor-splitter
syncfusion / blazor-ui-components-skills

实现 Blazor Splitter 布局,包括窗格配置、调整大小和状态管理。在创建分栏布局、处理用户交互、管理窗格状态以及为 Syncfusion Blazor Splitter 组件应用自定义样式时使用。

设计与 UI333
S
syncfusion-blazor-stock-charts
syncfusion-blazor-stock-charts
syncfusion / blazor-ui-components-skills

为金融数据可视化实现 Syncfusion Blazor Stock Chart(SfStockChart)。适用于股票图表、蜡烛图、OHLC 数据,或 SMA、EMA、MACD、布林带等技术指标。此 skill 涵盖周期选择器、范围导航,以及 Blazor 应用中的金融时间序列数据可视化。

数据与数据库333
B
brandkit
brandkit
tasteskill / tasteskill

高端品牌视觉生成工具,用于创建品牌指南手册、logo 系统、品牌识别方案和视觉世界展示。支持极简主义、电影感、编辑、暗科技、奢侈、文化、安全、游戏、开发者工具和消费应用等品牌系统。优化了品牌 logo 概念化、精细构图、简洁排版、强烈符号意义、高端样机、艺术指导影像和灵活网格布局。

设计与 UI332
M
modern-jetpack-compose
modern-jetpack-compose
anhvt52 / jetpack-compose-skills

指导使用 Jetpack Compose 编写、审查和分析现代 Android UI 代码。涵盖状态管理、副作用、重组、导航、Material 3 设计、无障碍访问和性能方面的最佳实践。阅读、编写或审查任何 Jetpack Compose 项目时使用。

开发332
M
mui-base
mui-base
pproenca / dot-skills

用于构建无头 React 组件库的 MUI Base UI 风格指南(原名 headless-ui-style)。创建无样式 UI 组件、带 render props 的复合组件、优先考虑无障碍性的模式,或将逻辑与样式分离的组件库时使用此技能。内容提取自 MUI Base UI 代码库(github.com/mui/base-ui)。

开发332
S
syncfusion-blazor-3D-charts
syncfusion-blazor-3D-charts
syncfusion / blazor-ui-components-skills

提供构建和自定义 Syncfusion Blazor 3D Charts 的指导。用户需要 SfChart3D、3D 柱形图/条形图、坐标轴、数据绑定、旋转、倾斜、深度、图例、工具提示或 Syncfusion.Blazor.Chart3D 中任何配置方面的帮助时,触发此技能。

数据与数据库332
S
syncfusion-blazor-heatmap-chart
syncfusion-blazor-heatmap-chart
syncfusion / blazor-ui-components-skills

实现 Syncfusion Blazor HeatMap Chart 组件,使用颜色编码网格可视化多维数据。适用于热图、数据矩阵、相关性显示或气泡热图变体。此技能涵盖安装、数据绑定、坐标轴配置、调色板、图例、工具提示和无障碍功能。

数据与数据库332
S
syncfusion-blazor-sparkline-charts
syncfusion-blazor-sparkline-charts
syncfusion / blazor-ui-components-skills

在 Blazor 应用中实现 Syncfusion Blazor Sparkline Charts,用于紧凑的内联趋势可视化。适用于创建迷你图表、KPI 指标、仪表板迷你趋势图或词大小的数据可视化。此技能涵盖折线、面积、柱形、WinLoss 和饼图迷你图,包括数据标签、标记、特殊点(高点/低点/负值)、范围带、工具提示和外观自定义。适用于仪表板、带内联趋势的数据表、电子邮件报告,以及需要紧凑趋势指标的移动数据可视化场景。

数据与数据库332
V
visual-regression-tester
visual-regression-tester
patricio0312rev / skills

使用 Playwright 或 Chromatic 实现视觉回归测试,包括截图对比、差异检测和 CI 集成。用户要求“视觉测试”“截图测试”“UI 回归”“视觉差异”或“Chromatic 设置”时使用。

测试与质量332
A
android-compose-foundations
android-compose-foundations
krutikjain / android-agent-skills

使用 Jetpack Compose 基础功能、布局、修饰符、主题和稳定的组件结构构建 Android UI

开发331
C
canvas-design
canvas-design
guanyang / open-agent-hub

.png 和 .pdf 文档中使用设计理念创建精美的视觉艺术作品。当用户要求创建海报、艺术作品、设计或其他静态作品时,应使用此技能。创建原创视觉设计,不要复制现有艺术家的作品以避免侵犯版权。

创意与媒体331
C
conversation-patterns
conversation-patterns
owl-listener / ai-design-skills

人机 AI 交互中的轮流发言、修复序列、共同基础和对话结构。

设计与 UI331
D
design-systems
design-systems
cuellarfr / design-skills

使用设计令牌、组件规范、模式库、命名约定和治理流程构建、记录并维护设计系统。开展系统审计、定义组件层级并建立共享的设计语言。

设计与 UI331
F
figma
figma
davila7 / claude-code-templates

使用 Figma MCP 服务从 Figma 获取设计上下文、截图、变量和资源,并将 Figma 节点转换为生产代码。当任务涉及 Figma URL、节点 ID、设计转代码实现,或 Figma MCP 的设置与故障排查时触发。

设计与 UI331
S
syncfusion-angular-common
syncfusion-angular-common
syncfusion / angular-ui-components-skills

适用于 Syncfusion Angular 组件的通用实用工具和功能。用户需要为 Syncfusion Angular 组件实现动画、拖放、状态持久化、RTL 支持、本地化、全球化、安全、模板或高级功能时使用。

开发331
T
tshirt-design-generation
tshirt-design-generation
eachlabs / skills

使用 each::sense AI 生成可直接印制的 T 恤和服饰设计。为定制服饰印刷创作图案 T 恤、字体设计、复古风格、插画等。

设计与 UI331
A
accessibility-auditor
accessibility-auditor
onewave-ai / claude-skills

审核网站的无障碍问题及 WCAG 合规性。检查无障碍访问、修复 a11y 问题或确保符合 WCAG 时使用。

测试与质量330
A
assessing-heatmaps
assessing-heatmaps
posthog / skills

评估页面热图所反映的情况,并提出具体改动建议。提取 URL 的点击、愤怒点击和滚动深度数据,通过交叉比对同一页面上的自动捕获事件识别热点元素;还可以创建用户可在 PostHog 中打开的已保存热图,然后总结用户行为并提出改进建议。 触发条件:用户询问热图显示了什么、为什么用户没有点击某项内容、用户在哪里愤怒点击、滚动了多远、根据热图/点击数据应如何修改页面,或要求分析/评估/审查某个 URL 的热图。 不要触发:用户只想创建已保存的热图截图而不需要分析(直接使用 heatmaps-saved-create),或一般性询问会话回放(使用 investigating-replay)。

设计与 UI330
C
create-marp-deck
create-marp-deck
omerr / claude-skills

通过访谈式工作流创建精美的 Marp 幻灯片。当用户想要制作演示文稿、构建幻灯片或创建幻灯片组时使用。首先询问用户的目标、受众、要点、数据和限制,然后生成结构化的 Marp Markdown,包含渐变章节分隔页、面包屑导航、一致的格式,以及自动 HTML/PPTX 导出。

文档处理330
F
figma-code-connect-components
figma-code-connect-components
figma / mcp-server-guide

使用 Code Connect 映射工具将 Figma 设计组件与代码组件关联。用户提到“code connect”“将此组件连接到代码”“映射此组件”“将组件关联到代码”“创建 code connect 映射”,或希望建立 Figma 设计与代码实现之间的映射时使用。通过 `use_figma` 写入画布时,请使用 `figma-use`。

设计与 UI330
F
form-wizard-builder
form-wizard-builder
patricio0312rev / skills

构建包含验证模式(Zod/Yup)、步骤组件、共享状态管理、进度指示器、审核步骤和错误处理的多步骤表单。创建“多步骤表单”“向导流程”“入门表单”或“结账流程”时使用。

开发330
M
mermaid-studio
mermaid-studio
tech-leads-club / agent-skills

专业创建、验证和渲染 Mermaid 图表,支持双引擎输出(SVG/PNG/ASCII)。支持 20 多种图表类型,包括 C4 架构、带服务图标的 AWS architecture-beta、流程图、时序图、ERD、状态图、类图、思维导图、时间线、Git 图、桑基图等。提供代码转图表分析、批量渲染、15 种以上主题和语法验证。用户要求创建图表、可视化架构、渲染 Mermaid 文件、生成 ASCII 图表、记录系统流程、建模数据库、绘制 AWS 基础设施、分析代码结构,或涉及“mermaid”“diagram”“flowchart”“architecture diagram”“sequence diagram”“ERD”“C4”“ASCII diagram”时使用。不要用于非 Mermaid 图像生成、使用图表库绘制数据图表或编写通用文档。

设计与 UI330
R
rossark-motion-skill
rossark-motion-skill
rossark0 / rossark-motion-skill

用平静、可信的动作让任何绘制内容鲜活起来。涵盖角色和生物(瞳孔滑动、眨眼、呼吸、歪头)、全身动作(落地、挥手、倚靠、悬浮、踢球)、植物、织物、火焰、烟雾、水、天气、灯光、机器、车辆、图标、徽标、图表和完整场景。有人要求为插画、图标、吉祥物或场景添加动画,让内容“活起来”、添加待机动作、让静态绘图动起来,或复现参考视频中的动作时使用。附带轻量动作引擎,以及 React Native(react-native-svg + Reanimated)和 SwiftUI(TimelineView + Canvas)模板、逐帧测量参考视频的工具,以及离线视频渲染功能(也支持手机画框)。此方法也适用于 Web。

创意与媒体330
S
syncfusion-blazor-sankey
syncfusion-blazor-sankey
syncfusion / blazor-ui-components-skills

在 Blazor 应用中实现 Syncfusion Blazor Sankey Diagram(SfSankey)组件以可视化流向的完整指南。适用于 Sankey 图、流向可视化或流程流。此技能涵盖节点和链接配置、数据绑定、流量大小表示及图表自定义。适合可视化能源流动、供应链关系、用户旅程图、流量分析,以及涉及类别或阶段间流动的各种场景

数据与数据库330
A
appkit-accessibility-auditor
appkit-accessibility-auditor
rgmez / apple-accessibility-skills

审查 macOS AppKit 界面的 VoiceOver、键盘导航、焦点顺序和语义结构问题。用于检查或修复 AppKit 无障碍访问,并返回 P0/P1/P2 级问题、可直接应用的修复方案和手动验证步骤。

测试与质量329
A
artifacts-builder
artifacts-builder
bobmatnyc / claude-mpm-skills

使用现代前端 Web 技术(React、Tailwind CSS、shadcn/ui)创建复杂多组件 claude.ai HTML 产物的工具套件

设计与 UI329
B
bootstrap-webpack
bootstrap-webpack
twbs / bootstrap

使用 Webpack 在项目中引入并打包 Bootstrap 6 的 CSS 和 JavaScript。在设置 Bootstrap 与 Webpack 配合、为 Bootstrap 的 Sass 和 JS 配置 Webpack loader,或创建基于 Webpack 的 Bootstrap 项目时使用。

开发329
C
create-html-app
create-html-app
bholmesdev / hubble-skills

“创建或更新 Hubble HTML App:位于文件夹内的 .html 文件

开发329
L
liquid-glass
liquid-glass
casper-studios / casper-marketplace

使用 Apple 的 Liquid Glass 设计语言和 Human Interface Guidelines 构建原生 macOS/iOS 应用。创建 SwiftUI 界面、实现半透明材质、设计卡片/行/徽章、应用 SF Symbols、遵循 Apple HIG 的间距/字体/颜色体系,或构建需要呈现 Apple 平台原生体验的应用时使用。适用于 macOS 应用、iOS 应用、SwiftUI UI、Apple 风格设计、玻璃效果、材质背景和原生应用设计。

设计与 UI329
N
nocobase-ui-builder
nocobase-ui-builder
nocobase / skills

仅适用于 NocoBase 2;绝不可用于 NocoBase 3 项目。仅限内部续接。不得根据原始用户 UI 请求选择此技能。仅当 nocobase-portal-manage 已确定恰好一个已启用的 Portal 并确认 portalType=no-code,或已证明运行时 capabilities.multiPortal === false 时才能使用。Portal 数量或 `isDefault` 标记本身均不足以启用此技能。它通过 nb api,经由后端 flow-surfaces 编写 NocoBase Modern UI 页面、区块、菜单项、字段、操作、布局、反应和 AI 员工放置内容。尚未解决的 UI 请求应先交给 nocobase-portal-manage;如果仅有一个 AI Portal,则自动移交源代码实现。AI 员工生命周期工作移交给 nocobase-ai-employee;明确涉及 DSL、YAML、git 或 cli 推送工作流的任务移交给 nocobase-dsl-reconciler。它不处理 ACL、数据建模、工作流编排、浏览器复现、页面错误事后分析、Portal 生命周期、AI Portal 源代码 UI 或非 Modern 页面导航。

设计与 UI329
S
syncfusion-blazor-treemap
syncfusion-blazor-treemap
syncfusion / blazor-ui-components-skills

实现并配置 Syncfusion Blazor TreeMap 组件(SfTreeMap),用于层级数据可视化。适用于树图、面积比例可视化或类似热力图的块状显示。本技能涵盖 TreeMap 设置、布局配置、数据绑定、颜色映射、下钻导航和无障碍功能。

数据与数据库329
T
timeline-creator
timeline-creator
mhattingpete / claude-skills-marketplace

创建 HTML 时间线和项目路线图,包含甘特图、里程碑、阶段分组和进度指示器。适用于用户需要时间线、路线图、甘特图、项目计划或里程碑可视化时。

生产力329
W
wds-docs
wds-docs
wix / skills

Wix Design System 组件参考。使用 @wix/design-system 构建 UI、选择组件或查看属性和示例时使用。适用于“该用什么组件”“怎么制作”“WDS”“展示属性”或 Button、Card、Modal、Box、Text 等组件名称相关问题。

设计与 UI329
D
databricks-app-design
databricks-app-design
databricks / databricks-agent-skills

为自定义代码 Databricks Apps(AppKit/React)数据界面设计 UX,包括 KPI/概览页、报告、图表、表格和 Genie/聊天数据助手,并映射到具体的 AppKit 组件。构建或审查用于展示数据或回答数据问题的 AppKit/React 应用 UI 时使用:选择类型、布局、图表、KPI、语义颜色、必要状态(加载/空/错误)、IBCS 标注,以及 AI 结果可信度(为 Genie/聊天显示生成的 SQL/来源)。单纯提出“创建仪表板”意味着托管式 AI/BI(Lakeview)仪表板,应使用 databricks-aibi-dashboards,而非此技能。也不适用于非数据前端(表单、设置、身份验证、营销)或脚手架搭建/构建/部署(使用 databricks-apps)。此技能与 databricks-apps 互补;自定义应用含图表、表格、KPI、报告或 Genie/聊天/AI 界面时应同时使用。

设计与 UI328
K
kpi-dashboard-design
kpi-dashboard-design
sickn33 / agentic-awesome-skills

设计能够推动业务决策的有效关键绩效指标(KPI)仪表板的全面模式。

设计与 UI328
S
svg-icon-maker
svg-icon-maker
heroygt / skills

使用 VTracer 矢量化生成支持 COLOR 的生产级 SVG 图标。将栅格图像转换为简洁多彩的 SVG 路径。

设计与 UI328
W
web-design-guidelines
web-design-guidelines
guanyang / open-agent-hub

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

设计与 UI328
B
bootstrap-v4-v6-migration
bootstrap-v4-v6-migration
twbs / bootstrap

将项目从 Bootstrap 4 迁移到 Bootstrap 6。在从 Bootstrap 4 升级、跨越两个大版本,或在 v4 到 v5 和 v5 到 v6 的步骤中更新 v4 类名、数据属性、表单和 JavaScript 时使用。

开发327
D
design-auditor
design-auditor
ashutos1997 / claude-design-auditor-skill

依据 19 条规则审查 Figma 文件和代码(HTML/CSS/React/Vue/Tailwind)。自动检测框架和设计系统(MUI、Chakra、shadcn/ui、Ant Design、Radix、Bootstrap)。针对全部 19 个类别运行代码 superpowers:aria、焦点、对比度、tokens、响应式、动效、表单、导航、间距、状态、微文案、层级、图标/SVG。标记色盲风险。审查暗黑模式、伦理设计和 Nielsen 启发式。输出前后差异、开发交接报告和线框图转规格说明。支持英语和韩语。适用于:检查设计、审查 UI、审计布局、检查无障碍、设计评审、色彩对比度、WCAG、a11y、像素级精确、Figma 审计、CSS 检查、暗黑模式、是否符合 GDPR、是否具有操纵性、表单无障碍、暗色模式是否正确、线框图转规格说明、启发式评审、Nielsen 审计、可用性启发式,以及对应的韩语请求。

设计与 UI327
D
drawio-architect

暂无简介

设计与 UI327
F
framer-ui-skills
framer-ui-skills
ihlamury / design-skills

Framer 的 UI 设计系统。适用于构建受 Framer 美学启发的界面:深色模式、Inter 字体、4px 网格。

设计与 UI327
B
brand-dev
brand-dev
openclaudia / openclaudia-skills

从 brand.dev API 获取品牌信息(名称、描述、徽标、行业)并在本地保存徽标。用户要求查询品牌、获取徽标、获取品牌信息或添加带徽标的公司时使用。

设计与 UI326
M
mastering-animate-presence
mastering-animate-presence
raphaelsalaja / skills

审查 Motion/Framer Motion 代码是否符合 AnimatePresence 最佳实践。检查退出动画、模态框或存在状态时使用。输出文件:行号格式的发现结果。

设计与 UI326
S
stitch-design-taste
stitch-design-taste
tasteskill / tasteskill

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

设计与 UI326
W
wedding-invitation-generation
wedding-invitation-generation
eachlabs / skills

使用 each::sense AI 生成精美的婚礼请柬、婚礼日期预告卡、RSVP 卡和婚礼流程单。打造经典、现代、花卉、乡村、目的地婚礼及文化主题的婚礼文具设计。

设计与 UI326
B
brand-ideation
brand-ideation
rampstackco / claude-skills

在品牌构思早期生成、评估并筛选品牌概念,包括定位方向、命名候选、情绪风格方向和叙事角度。用户处于品牌创建早期阶段、探索品牌方向、集思广益构思名称、构建情绪板、生成定位选项,或试图在多个品牌方向中做出选择时使用。适用于 brand ideation、brand concept、naming、brand name、name candidates、positioning、brand positioning、mood board、brand directions、exploring brands、early brand work、brand exploration、brand brainstorm、brand options 等情境。即使用户没有明确说“ideation”,当其有多个未成形的品牌想法并需要帮助收敛方向时,也适用。

营销与增长325
G
game-art-direction
game-art-direction
zenstory-ai / novel-to-game

Direct game art and creative vision. Turn GAME_DESIGN into ART_DIRECTION defining a recognizable visual identity, functional visual and audio feedback, and key in-game moments. Use for what should the game look like, set the art direction, define the visual style. 游戏美术与创意方向。把 GAME_DESIGN 转成 ART_DIRECTION,定义可辨识的视觉身份、服务玩法的视听反馈和关键游戏时刻。用于判断游戏应该长什么样、制定游戏美术方向等需求。

创意与媒体325
H
hiui-refine

可作为 `hiui-page-workflow` 等更大页面工作流的标准 S0 前置 skill,专注 B 端中后台与 HiUI 页面生成前的需求细化。将模糊或抽象的后台/管理台/运营台/配置台/审批流需求细化为可执行的产品方案、MVP 范围、用户流程、业务规则、可追踪页面清单、产品 PRD、全局生成上下文、页面级提示词和 HiUI 交接包。适用于澄清后台产品想法、把粗略需求转成 PRD 或产品方案、拆解列表/详情/编辑/配置等工作面、定义角色权限/数据权限/状态机/审计规则,并在需要时补齐权限矩阵、状态流转表、字段字典、异常与审计矩阵、批量/导入导出规范、存量系统改造与发布策略;同时承担 B 端产品专家判断,包括业务价值拆解、优先级建议、方案取舍、多租户/版本/开通模型、主数据与系统边界、反模式识别与风险提示,持续把模糊的 B 端需求变成可落地输入;当需求发生在已有项目/仓库中时,也用于结合当前仓库的页面、模块、接口、类型和文档做带上下文的需求细化。

设计与 UI325
M
mastering-animate-presence
mastering-animate-presence
raphaelsalaja / skill

审查 Motion/Framer Motion 代码是否符合 AnimatePresence 最佳实践。检查退出动画、模态框或存在状态时使用。输出文件:行号格式的发现结果。

设计与 UI325
S
syncfusion-angular-chart
syncfusion-angular-chart
syncfusion / angular-ui-components-skills

实现 Syncfusion Angular Chart 组件,进行专业的数据可视化。用于创建或自定义折线图、条形图、柱状图、面积图、饼图、金融图表(蜡烛图、OHLC)、散点图、气泡图或股票图表。支持坐标轴配置、系列绑定、图例、工具提示、缩放、实时更新、技术指标、主题、导出和无障碍功能。

开发325
E
energetic
energetic
bergside / awesome-design-skills

动感鲜明的风格,采用粗边框、几何形状、高对比度色彩和富有表现力的字体,传达运动感与活力

设计与 UI324
H
hiui-page-workflow

用于 React / HiUI 页面从需求细化到端到端生成与验收。适用于从模糊产品需求生成并验收页面、HiUI 页面提测前检查、页面生成后进行体验走查,以及完成页面从需求到实现再到 UX 验收的闭环等任务。编排 hiui-refine、hiui-design 与 ux-walkthrough:用 requirementGate、generationInputGate 和 uxGate 控制需求确认、页面生成输入确认、工程验收、UX 分级验收、before/after 截图、修复闭环和报告输出。

设计与 UI324
H
html
html
mathbullet / skills

将概念、机制和研究内容制作、编辑为 HTML 视觉说明文档。

文档处理324
I
imagegen-frontend-web
imagegen-frontend-web
tasteskill / tasteskill

高端前端图像指导技能,用于生成高质量、转化率导向的网站设计参考。关键输出规则 — 为每个部分生成一张单独的横向图像。8 个部分的落地页产生 8 张图像。绝不将多个部分压缩为一张图像。强制实施构图多样性(不总是左文字/右图像)、背景图像自由度、多样化 CTA、多样化 Hero 尺度(巨大/中等/极简小号)、叙述概念脊椎、二级阅读时刻以及所有图像的统一调色板。针对落地页、营销网站和开发者或编码 Agent 能准确重现的产品效果图进行优化。

设计与 UI324
第 3241–3300 条,共 10,627 条

第一次接触 MCP?

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

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