css-layout
使用现代 CSS Grid、Flexbox、容器查询与逻辑属性创建或修复布局,内含 Grid vs Flexbox 决策树与常见布局模式。当用户要求 CSS 布局、grid 布局、flexbox 布局、侧边栏布局、圣杯布局、卡片网格、居中或布局修复时使用。
使用场景/文件系统与本地项目
读写项目文件、执行本地命令的基础能力。几乎所有开发工作流的底座。
共匹配 7,206 个资源 · 第 23 / 151 页
文件系统 MCP 是本地开发工作流的底座:让 AI 列出目录、读取与创建文件、搜索代码、批量重命名与移动。官方参考实现 @modelcontextprotocol/server-filesystem 提供了带权限白名单的基础工具集,几乎所有「AI 改代码」场景都以它为第一块拼图。
配合 Shell / 终端类 MCP,AI 可以完成「读项目 → 改代码 → 跑构建 → 看报错」的完整闭环;配合 Git MCP 则能做分支操作与历史检索。注意:能力越强越要圈边界——只把需要的项目目录加入 allowed dirs,敏感路径(密钥、生产配置)绝不暴露。
在 Cursor / Claude Code / VS Code 中,Filesystem MCP 常与内置文件工具重叠。实践建议:编辑器内置工具负责当前项目,Filesystem MCP 负责跨目录任务(如同时操作多个仓库或生成物输出目录)。
使用现代 CSS Grid、Flexbox、容器查询与逻辑属性创建或修复布局,内含 Grid vs Flexbox 决策树与常见布局模式。当用户要求 CSS 布局、grid 布局、flexbox 布局、侧边栏布局、圣杯布局、卡片网格、居中或布局修复时使用。
深度 CSS 质量审计,按 0-10 分对架构、特异性、冗余、无障碍、性能与现代性打分,标记反模式并生成按优先级排列的修复计划。只出报告不改代码。当用户要求 CSS 审计、CSS 评审、样式表质量检查、CSS 健康检查或 CSS 评分时使用。
使用合成层属性、滚动驱动动画、View Transitions 与 @keyframes 编排创建高性能 CSS 动画,始终附带 prefers-reduced-motion 回退。当用户要求 CSS 动画、过渡、滚动动画、视图过渡、keyframes、悬停效果、入场动画或动效设计时使用。
系统化的 CSS 调试。涵盖特异性分析、继承链追踪、计算值检查、布局调试(overflow、意外尺寸、外边距塌陷)、CSS containment 问题、z-index 层叠上下文梳理、自定义属性解析链以及绘制/布局性能诊断,并使用 outline 技巧进行可视化调试。在调试 CSS、修布局 bug、解决特异性冲突、追查 z-index 问题或诊断渲染性能时使用。
CSS 无障碍审计与修复。检查 focus-visible 样式、减弱动态效果支持、对比度偏好、forced-colors 模式、visually-hidden 模式、触控目标尺寸、颜色对比度比值、仅靠颜色区分的指示器、跳转链接与阅读顺序。在审计无障碍、修复 a11y 问题、添加焦点样式、支持 reduced motion、提升对比度或让 CSS 更无障碍时使用。
用现代 CSS 构建主题化系统。涵盖自定义属性架构(原始、语义、组件令牌)、oklch/oklab 色彩空间、用 color-mix() 生成浅深色、用 light-dark() 实现自动暗色模式、用 @property 定义带类型的自定义属性、多主题支持、对比度主题与 forced-colors 模式。在构建主题、添加暗色模式、创建颜色系统、配置设计令牌或实现配色方案时使用。
运用容器查询、流式排版、响应式图片、逻辑属性、视口单位、内在尺寸与偏好查询的现代响应式设计,优先使用容器查询而非媒体查询。当用户询问响应式 CSS、响应式设计、移动端布局、流式排版、响应式图片、暗色模式、prefers-reduced-motion 或自适应设计时使用。
将旧式 CSS 升级到现代标准。扫描样式表中的过时模式(float、clearfix、厂商前缀、旧 flexbox 语法、px 媒体查询、@import、滥用 !important)并替换为现代写法;引入层叠层级、抽取设计令牌并合并冗余。在重构 CSS、现代化样式表、升级旧代码、移除厂商前缀或用 grid/flexbox 取代 float 时使用。
Python 开发原则与决策方法:框架选择、异步模式、类型标注、项目结构。教会思考,而非照抄。
来自 Vercel 工程团队的 React 与 Next.js 性能优化指南。在编写、审查或重构 React/Next.js 代码以确保最优性能模式时使用。涉及 React 组件、Next.js 页面、数据获取、包体积优化或性能改进的任务会触发本技能。
json-render 的 React 渲染器,将 JSON spec 转换为 React 组件。在使用 @json-render/react、从 JSON 构建 React UI、创建组件目录或渲染 AI 生成的 spec 时使用。
扫描代码中的重构机会,提升模块化、可测试性、可扩展性、可复用性、可理解性并降低认知复杂度。在评审代码质量、识别技术债、规划重构或改进代码结构时使用。关键词:refactor、refactoring、代码质量、模块化、可测试性、可扩展性、可复用性、认知复杂度、代码坏味道、clean code、SOLID、DRY、耦合、内聚。
重构并审查 SwiftUI 视图文件,实现一致的结构、依赖注入与 Observation 使用。在被要求整理 SwiftUI 视图的布局/排序、安全处理视图模型(尽可能非可选),或统一依赖与 @Observable 状态的初始化与传递方式时使用。
PDF 处理工具包。提取文本/表格、创建 PDF、合并/拆分、填写表单,用于程序化文档处理与分析
v1.0.2
数据分析与可视化。查询数据库、生成报告、自动化电子表格,把原始数据转化为清晰、可执行的洞察。
v1.2.5
Microsoft Excel API 集成,采用托管式 OAuth。可读写存储于 OneDrive 的 Excel 工作簿、工作表、区域、表格与图表。当用户需要读取或修改 Excel 电子表格、管理工作表数据、处理表格或访问单元格值时使用本技能;其他第三方应用请使用 api-gateway 技能(https://clawhub.ai/byungkyu/api-gateway)。调用通过 `maton` CLI 配合 OAuth 登录执行,或在无法安装 CLI 时凭 Maton API Key 走原始 HTTP。每次调用都以用户连接身份认证,仅能访问该连接授权范围内的数据,服务端对每个请求强制执行鉴权;此处记录的端点即本技能所用端点,若需该应用的其他端点,须由用户点名提出。默认只做读取与列表调用,任何写入或新连接都需经用户确认。本文件还按使用顺序记录把 Microsoft Excel 连接变成自动化的三个构件:连接(……(原文截断)
v2.0.21
任意输入到任意输出的 AI 子智能体——一次请求即可完成调研、图像、视频、音频、音乐、播客、数字人、语音克隆、文档、表格、仪表盘、3D 模型、图示与代码。采用智能体间协议并支持多步迭代以保证精度。DeepResearch Bench 第一名(2026 年 4 月)——深度推理覆盖所有模态,因此你的所有工作都能完成,而不只是代码。
v1.2.5
Google Sheets API 集成,采用托管式 OAuth。读写电子表格数据、创建工作表、应用格式并管理区域。当用户需要读写 Google Sheets 时使用本技能;其他第三方应用请使用 api-gateway 技能(https://clawhub.ai/byungkyu/api-gateway)。调用通过 `maton` CLI 配合 OAuth 登录执行,或在无法安装 CLI 时凭 Maton API Key 走原始 HTTP。每次调用都以用户连接身份认证,仅能访问该连接授权范围内的数据,服务端对每个请求强制执行鉴权;此处记录的端点即本技能所用端点,若需该应用的其他端点,须由用户点名提出。默认只做读取与列表调用,任何写入或新连接都需经用户确认。本文件还按使用顺序记录把 Google Sheets 连接变成自动化的三个构件:连接(第一步)、运行 Google Sheets 操作的托管……(原文截断)
v2.0.15
任意输入到任意输出的 AI 子代理——调研、图像、视频、音频、音乐、播客、数字人、声音克隆、文档、电子表格、仪表盘、3D 模型、图表等……(原文截断)
v1.1.0
跨会话跟踪任务的持久 TODO 便签。在用户要求向可移植的工作区 Markdown 文件添加、列出、完成、移除或汇总任务时使用。使用稳定任务 ID 与精确匹配;心跳汇报为可选项且仅计数。
v1.0.1
Excel 表格处理 | Excel Spreadsheet Processing. 创建、读取、编辑 Excel 文件 | Create, read, edit Excel files. 支持公式、图表、数据分析 | Supports formulas, charts, data analysis. 触发词。
v0.1.3
自动化读取、写入、合并、转换和校验 Excel(.xlsx/.xls)文件。在用户处理电子表格、.xlsx 文件、Excel 数据…时使用。
v1.0.10
使用 Qdrant 和 Transformers.js 的本地语义记忆。用向量嵌入存储、搜索并回忆对话上下文(完全本地,无需 API key)。
v0.1.0
抓取 TikTok 的最佳、最快、最省钱方案——经数万客户(含企业团队)实战检验。当用户需要获取 TikTok 视频、主页、话题标签、音乐、评论或定位帖子时使用。覆盖帖子、主页、评论与地点四个专用 actor。
v1.0.0
飞书在线表格(Sheets)操作:创建、读取、写入、追加数据与管理工作表。当用户提到飞书 Sheets、在线电子表格……时使用
v1.0.0
MiniMax 电子表格生产系统。凡涉及表格数据、数值分析或电子表格生成的任务均可调用。
v1.2.1
基于 ChromaDB 与本地 Ollama 嵌入的长期记忆。自动召回每轮注入相关上下文。无需云端 API——完全自托管。
v1.1.0
WPS Office workflow for Chinese users: create, edit, review, convert, and troubleshoot Writer/Spreadsheets/Presentation documents in .docx/.xlsx/.pptx and WPS native formats. Use when users ask for WPS 文档处理、格式兼容、批注修订、模板套用、导出 PDF、多人协作,或从 Microsoft Office 迁移到 WPS 的操作建议。中文触发:WPS、文字、表格、演示、批注、修订、格式错乱、导出
v1.0.0
Agnxi.com 的官方搜索工具——AI 智能体工具、MCP 服务器与技能的首要目录。
v2.0.1
根据描述生成 Excel 公式并诊断表格错误。适用于编写 VLOOKUP 公式、排错或公式转换。
v2.1.3
通过 Gemini Interactions API 进行异步深度研究(不依赖 Gemini CLI)。
v0.9.0
面向 GemBox 组件(https://www.gemboxsoftware.com/)的编码辅助。当用户询问任何 GemBox 组件或可用 GemBox 组件完成的编码任务时使用,包括 GemBox.Spreadsheet(.NET 读写 Excel)、GemBox.Document(.NET 读写 Word)、GemBox.Pdf(.NET 读写 PDF)、GemBox.Presentation(.NET 读写 PowerPoint)、GemBox.Email(.NET 读写邮件文件、收发邮件)、GemBox.Imaging(.NET 读写图片),以及 GemBox.PdfViewer(JavaScript 显示/打印/保存 PDF)。
v1.6.7
AI 代理的约会平台——通过性格兼容度、滑动匹配与真实聊天来约会。
v3.4.1
面向 OpenClaw 的端到端加密去中心化记忆。原生 kind:memory 提供方——通过 memory_search/memory_get 自动召回,事实会在后台被持续捕获。当用户提到「安装 TotalReclaw」「配置 TotalReclaw」「恢复我的找回短语」、任何召回请求(「你记得关于我的什么」「我的 X 是什么」),以及任何显式记忆请求(「记住 X」「保存 X」)时触发。
v1.0.1
基于 Pandas 的 CSV 与 Excel 管理,支持快速预览、汇总、过滤、转换与格式互转。当你需要检查表格文件、计算列级汇总、应用查询或表达式,或将清洗后的数据导出为新的 CSV/TSV/XLSX 而不必反复手写 pandas 时使用。
v1.0.2
当需要发送邮件、查看收件箱、阅读邮件、查看日历、安排会议、创建日程、搜索 Google Drive、创建 Google 文档、读写表格、查找联系人,或处理任何涉及 Gmail、Google Calendar、Drive、Docs、Sheets、Slides、Contacts 的任务时使用。对智能体友好,采用托管 OAuth,无需 API Key。
v1.0.0
通过 Google Sheets API(Node.js SDK)读取、写入、追加并管理 Google Sheets。当你需要操作电子表格时使用——读取数据、写入或更新单元格、追加行、清空区域、设置单元格格式、管理工作表。需要启用 Sheets API 的 Google Cloud 服务账号。
v1.0.0
在任意语言之间翻译文本、文件和对话。自动检测源语言,保留格式(markdown、代码块、表格)。适用于需要翻译的场景。
v1.0.1
使用 ElevenLabs Scribe 将音频转写为文本。支持批量转写、从 URL 实时流式转写、麦克风输入与本地文件。
v1.0.0
专业 Excel 电子表格生成器。当用户需要创建数据表、报表、图表、财务模型或 Excel 形式的结构化数据时使用。
v2.0.0
电子表格操作者。不是教程,而是诊断引擎。识别最佳路径——公式、数据透视表、清洗工作流或 VBA——并交付可靠结果。
v1.4.0
在 X/Twitter 与 Farcaster 发布和回复图文。支持多账号、自动变体以规避重复内容检测、草稿预览、字符校验、串推、回复与图片上传。X API 按消耗计费,Farcaster 按条计费。
v1.0.7
Skywork Excel(skywork)——用于任何涉及 Excel、电子表格、表格、数据分析或文件转换的任务。
腾讯云对象存储(COS)的MCP服务器,支持文件上传、下载和管理
Android 原生应用开发与 UI 设计指南。覆盖 Material Design 3、Kotlin/Compose 开发、工程配置、无障碍与构建排障。在进行 Android 原生应用开发前先阅读本文档。
HyperFrames 合成契约:结构、时序属性与确定性渲染规则。
把提交信息压缩为仅保留意图的规范格式。
以资深动效顾问视角巡检代码库中的动画与动效代码,产出按优先级排序的审计报告和可独立执行的实现方案,交由其他 agent 落地;对源码只读,只规划改进不直接修改。
默认不会。官方实现要求启动时显式传入允许访问的目录列表,AI 只能触达这些路径。这也是它比裸 Shell 更安全的原因。
跨项目目录、批量文件整理、无编辑器的脚本环境(如 CLI Agent 操作仓库外路径)时才需要;单项目内编辑用内置工具更省 token。
用版本控制兜底(删除可回滚)、只挂载必要目录、要求 AI 删除前列出目标清单确认,破坏性批量操作放沙箱先演练。