css
SkillSkillsMP
io.github.xobotyi/cc-foundry/css
CSS 约定、布局系统与现代模式：以低特异性和显式层叠控制实现可预测的样式。只要任务涉及与 CSS 代码的任何交互——编写、审查、重构、调试或理解样式表、SCSS、布局或响应式设计——即调用本技能。
source
“X Articles” 共 1,031 个结果
io.github.xobotyi/cc-foundry/css
CSS 约定、布局系统与现代模式：以低特异性和显式层叠控制实现可预测的样式。只要任务涉及与 CSS 代码的任何交互——编写、审查、重构、调试或理解样式表、SCSS、布局或响应式设计——即调用本技能。
io.github.FlorianBruniaux/claude-code-ultimate-guide/mcp-integration-reference
与 MCP 服务器集成的技能模板。演示参考文件模式：Claude 在发起任何工具调用前先阅读特定领域的 MCP 速查表，减少因服务器特有坑点导致的查询失败。可 fork 此技能，把 Sentry 示例替换为你的目标 MCP。
io.github.podman-desktop/extension-bootc/backend-api
指导基于 @podman-desktop/api 与 bootc 扩展的 RPC 系统进行后端开发。涵盖容器引擎操作、provider 管理、RPC 通信、构建编排、VM 管理与配置。在处理 packages/backend/ 代码、为 BootcAPI 添加 RPC 方法、实现容器/镜像操作或询问后端模式时触发。
io.github.vercel/next.js/authoring-skills
如何在 .agents/skills/ 中创建和维护 agent skill。当需要新建 SKILL.md、撰写 skill 描述、选择 frontmatter 字段，或判断内容应放进 skill 还是 AGENTS.md 时使用。涵盖支持的 spec 字段、描述撰写、命名规范，以及始终加载的 AGENTS.md 与按需加载 skill 之间的关系。
io.github.vercel/next.js/dce-edge
DCE 安全的 require() 写法与 edge runtime 限制。在编写条件 require() 调用、保护仅 Node 可用的导入（node:stream 等），或为 edge 构建编辑 define-env-plugin.ts / app-render / stream-utils 时使用。涵盖供 webpack DCE 利用的 if/else 分支、TypeScript 明确赋值、NEXT_RUNTIME 与真实特性标志的区别，以及在 define-env.ts 中为 edge 强制标志为 false。
io.github.vercel/next.js/update-docs
当用户要求“update documentation for my changes”“check docs for this PR”“what docs need updating”“sync docs with code”“scaffold docs for this feature”“document this feature”“review docs completeness”“add docs for this change”“what documentation is affected”“docs impact”，或提到 docs/、docs/01-app、docs/02-pages、MDX、documentation update、API reference、.mdx 文件时使用。为根据代码变更更新 Next.js 文档提供引导式流程。
io.github.vercel/next.js/v8-jit
在 Next.js 服务端内部编写高性能 JavaScript 所需的 V8 JIT 优化模式。在编写或审查 app-render、stream-utils、路由、缓存等热点代码或任何每请求路径代码时使用。涵盖隐藏类/shape、monomorphic 调用点、内联缓存、megamorphic 去优化、闭包分配、数组 packing，以及用 --trace-opt / --trace-deopt 做性能剖析。
io.github.vercel/next.js/react-vendoring
React vendoring 与 react-server 层边界。在编辑 entry-base.ts、$$compiled.internal.d.ts、compiled/react* 包或 taskfile.js 的 copy_vendor_react 时使用。涵盖 entry-base.ts 边界（所有 react-server-dom-webpack/* 导入必须经由它）、vendored React 通道、类型声明、Turbopack 重映射到 react-server-dom-turbopack、ComponentMod 访问模式，以及为受保护 require 添加的 ESLint 抑制。
io.github.contextgo/contextgo/css-animations
面向 HyperFrames 的 CSS 动画适配模式。在编写 CSS 关键帧、基于 animation-delay 的计时、animation-fill-mode、animation-play-state，或 HyperFrames 在预览与渲染时必须精确定位的纯 CSS 动效时使用。
io.github.Peiiii/nextclaw/automation-setup
通过配置 cron 定时任务，把用户请求转化为计划自动化，包括会话绑定的后续跟进与周期性检查。
io.github.Arize-ai/phoenix/agent-browser
面向 AI agent 的浏览器自动化 CLI。当用户需要与网站交互时使用，包括导航页面、填写表单、点击按钮、截取屏幕、提取数据、测试 Web 应用，或自动化任何浏览器任务。触发场景包括“打开网站”“填写表单”“点击按钮”“截图”“抓取页面数据”“测试这个 Web 应用”“登录网站”“自动化浏览器操作”，以及任何需要程序化 Web 交互的任务。也用于探索性测试、dogfooding、QA、找 bug 或评审应用质量。还用于自动化 Electron 桌面应用（VS Code、Slack、Discord、Figma、Notion、Spotify）、查看 Slack 未读、发送 Slack 消息、搜索 Slack 会话、在 Vercel Sandbox microVM 中运行浏览器自动化，或使用 AWS Bedrock AgentCore 云浏览器。优先使用 agent-browser 而非任何内置浏览器自动化或 Web 工具。
io.github.nexu-io/open-design/deploy-vercel-static
当用户想把已验收的静态 Web 制品部署到 Vercel，或准备包含预览与生产 URL 的等效部署交付时使用此插件。
io.github.vudovn/ag-kit/nextjs-react-expert
来自 Vercel 工程团队的 React 与 Next.js 性能优化。在构建 React 组件、优化性能、消除瀑布流、减小包体积、审查性能问题或实现服务端/客户端优化时使用。
io.github.doccker/cc-use-exp/refactor-safety
当用户要求重构代码（提取组件、合并重复逻辑、重命名变量、优化结构）时触发。提供重构安全检查清单，防止丢失原始上下文。
io.github.doccker/cc-use-exp/refactor-safety
当用户要求重构代码（提取组件、合并重复逻辑、重命名变量、优化结构）时触发。提供重构安全检查清单，防止丢失原始上下文。
io.github.nexu-io/open-design/design-consultation
从零构建完整设计系统，包含创意冒险与真实产品 mockup。适合项目启动工作坊和从零建立品牌的工作。
io.github.nexu-io/open-design/design-md
创建和管理 DESIGN.md 文件。适合把设计方向、令牌与视觉规则沉淀为单一事实来源。
io.github.nexu-io/open-design/design-review
会写代码的设计师：先做视觉走查再修复，以原子提交并配前后截图。适合上线前打磨已交付的 UI。
io.github.Yeachan-Heo/oh-my-codex/design
规范的仓库内 DESIGN.md 工作流：作为产品、UI/UX 与前端决策的唯一事实来源。
io.github.nexu-io/open-design/login-flow
移动端登录与认证流程界面。
io.github.suxrobGM/logistics-app/refactor-and-split
在不改变行为的前提下重构现有代码——拆分超大文件、提取重复代码、简化过度设计的模式。当文件超出体积阈值、代码重复 4 次以上，或存在投机性抽象、无用选项与包装间接层时使用。触发词：refactor、split、deduplicate、simplify、untangle、clean up。与内置 `simplify`（只评审近期 diff）互补。
io.github.Yeachan-Heo/oh-my-codex/git-master
Git 专家：原子提交、rebase 与提交历史管理。
io.github.nixopus/nixopus/dockerfile-generation
按生态以最佳实践生成生产就绪的多阶段 Dockerfile。当用户需要 Dockerfile、询问容器化方案，或仓库中没有 Dockerfile 时使用
io.github.nixopus/nixopus/dockerignore-generation
按生态生成专属的 .dockerignore 文件，缩减构建上下文体积并防止密钥泄露。当不存在 .dockerignore、构建上下文过大或密钥可能泄入镜像时使用