css
io.github.joabgonzalez/ai-agents-skills/css
包含 Grid、Flexbox 与自定义属性的现代 CSS。触发时机:编写 CSS 样式、实现布局或使用现代特性时。
“Agent Behavior” 共 1,294 个结果
io.github.joabgonzalez/ai-agents-skills/css
包含 Grid、Flexbox 与自定义属性的现代 CSS。触发时机:编写 CSS 样式、实现布局或使用现代特性时。
io.github.wshobson/agents/web-component-design
掌握 React、Vue 与 Svelte 组件模式,包括 CSS-in-JS、组合策略与可复用组件架构。在构建 UI 组件库、设计组件 API 或落地前端设计系统时使用。
io.github.wshobson/agents/k8s-security-policies
实施 Kubernetes 安全策略,包括 NetworkPolicy、PodSecurityPolicy 与 RBAC,达成生产级安全。在加固 Kubernetes 集群、实现网络隔离或强制 Pod 安全标准时使用。
io.github.wshobson/agents/code-review-excellence
掌握有效的代码评审实践:给出建设性反馈、尽早发现缺陷、促进知识共享,同时维护团队士气。适用于评审 pull request、制定评审标准或指导开发者。
io.github.wshobson/agents/mobile-ios-design
掌握 iOS 人机界面指南与 SwiftUI 模式,构建原生 iOS 应用。在设计 iOS 界面、实现 SwiftUI 视图或确保应用遵循 Apple 设计原则时使用。
io.github.wshobson/agents/interaction-design
设计并实现微交互、动效、过渡动画与用户反馈模式。适用于为 UI 交互打磨细节、实现加载状态,或营造愉悦的用户体验。
io.github.vercel-labs/agent-skills/deploy-to-vercel
把应用和网站部署到 Vercel。当用户提出部署动作,例如部署我的应用、部署后把链接给我、上线,或创建一个预览部署时使用。
io.github.sawrus/agent-guides/css-architecture
为可维护性组织 CSS/Tailwind——设计令牌、BEM 命名、特异性控制、响应式模式。
io.github.vercel-labs/open-agents/web-animation-design
设计并实现自然而有目的感的 Web 动画。当用户询问动画、motion、缓动、时序、时长、弹簧、过渡或动画性能问题时,主动使用本技能。包括:如何为特定 UI 元素做动画、该用什么缓动、动画最佳实践,以及动效的无障碍考量。触发词:easing、ease-out、ease-in、ease-in-out、cubic-bezier、bounce、spring physics、keyframes、transform、opacity、fade、slide、scale、hover effects、microinteractions、Framer Motion、React Spring、GSAP、CSS transitions、入场/出场动画、页面过渡、stagger、will-change、GPU 加速、prefers-reduced-motion、弹窗/下拉/提示气泡/抽屉动画、手势动画、拖拽交互、按钮按压手感、感觉卡顿、想要顺滑效果。
io.github.libukai/awesome-agent-skills/mcp-config
为 Claude Code 配置 MCP(Model Context Protocol)服务器。以最佳实践在用户级或项目级管理 MCP 服务器,避免上下文污染。
io.github.christophacham/agent-skills-library/kubernetes-deployment
Kubernetes 部署工作流,涵盖容器编排、Helm chart、service mesh 与生产级 K8s 配置。
io.github.arpitg1304/robotics-agent-skills/docker-ros2-development
基于 Docker 的 ROS2 开发最佳实践,包括多阶段 Dockerfile、用于多容器机器人系统的 docker-compose、跨容器的 DDS 发现、用于感知的 GPU 直通,以及开发-部署容器模式。在容器化 ROS2 工作空间、为机器人软件栈搭建 docker-compose、调试容器间 DDS 通信、用 NVIDIA Container Toolkit 配置 GPU 工作负载、为 rviz2 与 GUI 工具转发 X11/Wayland,或管理摄像头与串口设备的 USB 直通时使用。每当用户提及 Docker 配合 ROS2、用于机器人的 docker-compose、colcon 工作空间的 Dockerfile、DDS 的容器网络、用于感知的 GPU 容器、ROS2 的 devcontainer、ROS2 的多阶段构建或在容器中部署 ROS2 时触发。也覆盖基于 Docker 的 ROS2 构建 CI/CD、容器中的 CycloneDDS 或 FastDDS 配置、Docker 中的共享内存或 rviz2 的 X11 转发。
io.github.tech-leads-club/agent-skills/security-ownership-map
分析 git 仓库以构建安全所有权拓扑(人与文件映射),计算 bus factor 与敏感代码归属,并导出 CSV/JSON 供图数据库与可视化使用。仅当用户明确想要基于 git 历史的安全向所有权或 bus factor 分析时使用(例如:无主的敏感代码、安全维护者、针对风险的 CODEOWNERS 实况核查、敏感热点文件、所有权聚类)。不要用于通用维护者清单、非安全的所有权问题或威胁建模(用 security-threat-model)。
io.github.tech-leads-club/agent-skills/security-threat-model
基于仓库的威胁建模:枚举信任边界、资产、攻击者能力、滥用路径与缓解措施,输出一份精炼的 Markdown 威胁模型。当用户要求对代码库或路径做威胁建模、枚举威胁或滥用路径、开展 AppSec 威胁建模时使用。不要用于通用架构综述、代码审查、安全最佳实践(用 security-best-practices)或非安全设计工作。
io.github.tech-leads-club/agent-skills/security-best-practices
针对语言与框架执行安全最佳实践审查并给出改进建议。仅当用户明确请求安全最佳实践指导、安全审查或报告、默认安全编码帮助时使用。支持 Python、JavaScript/TypeScript 与 Go。不要用于通用代码审查、调试、威胁建模(用 security-threat-model)或非安全任务。
io.github.tech-leads-club/agent-skills/netlify-deploy
使用 Netlify CLI(`npx netlify`)将 Web 项目部署到 Netlify。当用户要求在 Netlify 上部署、托管、发布或关联站点/仓库(含预览与生产部署)时使用。不要用于部署到 Vercel、Cloudflare 或 Render(请使用各自对应技能)。
io.github.tech-leads-club/agent-skills/render-deploy
通过分析代码库、生成 render.yaml Blueprint 并提供 Dashboard 深链接,将应用部署到 Render。当用户想在 Render 云平台部署、托管、发布或搭建应用时使用。不要用于部署到 Vercel、Netlify 或 Cloudflare(请使用各自对应技能)。
io.github.tech-leads-club/agent-skills/vercel-deploy
将应用与网站部署到 Vercel。当用户提出「部署我的应用」「部署后给我链接」「推送上线」「创建预览部署」等部署请求时使用。不要用于部署到 Netlify、Cloudflare 或 Render(请使用各自对应技能)。
io.github.tech-leads-club/agent-skills/cloudflare-deploy
使用 Workers、Pages 及相关平台服务,将应用与基础设施部署到 Cloudflare。当用户要求在 Cloudflare 上部署、托管、发布或搭建项目时使用。不要用于部署到 Vercel、Netlify 或 Render(请使用各自对应技能)。
io.github.tech-leads-club/agent-skills/react-composition-patterns
可扩展的 React 组合模式。在重构布尔 prop 泛滥的组件、构建灵活的组件库或设计可复用 API 时使用。涉及复合组件、render props、context provider 或组件架构的任务会触发。包含 React 19 API 变化。不要用于 React/Next.js 性能优化(改用 react-best-practices)。
io.github.tech-leads-club/agent-skills/react-best-practices
来自 Vercel 工程团队的 React 与 Next.js 性能优化准则。在编写、审查或重构 React/Next.js 代码以确保最优性能模式时使用。涉及 React 组件、Next.js 页面、数据获取、包体积优化或性能提升的任务会触发。不要用于组件 API 架构与组合模式(改用 react-composition-patterns)。
io.github.proffesor-for-testing/agentic-qe/qe-database-testing
数据库 schema 校验、数据完整性测试、迁移测试、事务隔离与查询性能。在测试数据持久化、确保引用完整性或验证数据库迁移时使用。
io.github.tech-leads-club/agent-skills/frontend-blueprint
AI 前端专家与设计顾问:在生成任何代码前引导用户完成结构化需求探索,收集视觉参考、设计 token、字体排印、图标、布局偏好与品牌规范,让最终产出高保真贴合用户构想。当用户要求构建、设计、创建或改进任何前端界面——网站、落地页、仪表盘、组件、应用、邮件、表单、弹窗或任意 UI 元素——时使用。也响应「给我做一个 UI」「设计一个页面」「做一个组件」「改进这个布局」「让它更好看」「frontend」「interface」「redesign」,或当用户提供 mockup、截图、设计参考时触发。不用于后端逻辑、API 设计、数据库模式或非视觉代码任务。
io.github.tech-leads-club/agent-skills/react-native-expert
资深 React Native 与 Expo 工程师,负责打造可上生产的跨平台移动应用。用于编写 React Native 组件、用 Expo Router 实现导航、优化列表与滚动性能、通过 Reanimated 处理动画、编写平台特定代码(iOS/Android)、集成原生模块或组织 Expo 项目。触发词:React Native、Expo、移动应用、iOS 应用、Android 应用、跨平台、原生模块、FlatList、FlashList、LegendList、Reanimated、Expo Router、移动性能、应用商店。不要用于 Flutter、纯 Web 的 React 或后端 Node.js 任务。