资深前端工程师
io.github.alirezarezvani/claude-skills/senior-frontend
面向 React、Next.js、TypeScript 与 Tailwind CSS 应用的前端开发技能。用于构建 React 组件、优化 Next.js 性能、分析包体积、脚手架前端项目、实现无障碍或审阅前端代码质量。
共 6,000 个资源
io.github.alirezarezvani/claude-skills/senior-frontend
面向 React、Next.js、TypeScript 与 Tailwind CSS 应用的前端开发技能。用于构建 React 组件、优化 Next.js 性能、分析包体积、脚手架前端项目、实现无障碍或审阅前端代码质量。
io.github.petyosi/react-virtuoso/reactive-engine
使用 @virtuoso.dev/reactive-engine-* 包族管理应用状态。在以下情况使用本技能:(1) 用 Cell、Stream、Trigger 或 Resource 节点定义响应式状态;(2) 通过 EngineProvider、useCellValue、useCellValues 或 usePublisher 连接 React 组件;(3) 用 reactive-engine-query 中的 Query 与 Mutation 获取数据;(4) 用 reactive-engine-router 的 Route、Layout 与 Guard 做路由;(5) 用 linkCellToStorage 持久化 Cell;(6) 基于该引擎架构组件或库;(7) 任何涉及 Engine、pub、sub、getValue、combine、pipe、link、changeWith、e 命名空间,或报错“No active engine found”的任务。
io.github.petyosi/react-virtuoso/react-virtuoso
使用 react-virtuoso 构建虚拟化的列表、网格与表格。在以下情况使用本技能:(1) 渲染大型或无限列表;(2) 构建带粘性表头的分组列表;(3) 虚拟化 HTML 表格;(4) 在响应式网格中排布等高项;(5) 构建跟随底部新条目的信息流或日志;(6) 诊断虚拟化症状,如滚动跳动、列表无法滚到底部、条目重叠、空白条目或“zero-sized element”错误;(7) 任何涉及 Virtuoso、GroupedVirtuoso、VirtuosoGrid、TableVirtuoso、VirtuosoHandle、itemContent、followOutput 或 firstItemIndex 的任务。
io.github.vibeeval/vibecosystem/kubernetes-patterns
Pod 设计模式、边车容器、init 容器、配置管理、滚动更新与资源限制。
io.github.github/spec-kit/add-community-extension
依据 GitHub issue 提交,把社区扩展加入 Spec Kit 目录。适用:处理扩展提交 issue、校验目录条目、更新 catalog.community.json 与 docs/community/extensions.md、创建 PR。不适用:从零新建扩展或第一方扩展工作。
vdevelop
io.github.strapi/strapi/writing-a-skill
创建支持渐进式披露并自带资源的新 agent skill。当用户想创建、编写或构建新 skill 时使用。
io.github.cloudflare/vibesdk/frontend-design
打造独特、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、产物、海报或应用(示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局,或对任意 Web UI 做样式美化)时使用此技能。生成富有创意、打磨精细的代码与 UI 设计,避免千篇一律的 AI 审美。
io.github.cloudflare/vibesdk/frontend-design-saas
顶级 SaaS 仪表盘与产品 UI 参考。在构建应用外壳、数据表格、设置面板、账单页、仪表盘、鉴权流程、管理工具或任何内部/客户侧 SaaS 产品 UI 时使用此技能。受 Stripe、Linear、Vercel、Airbnb、Notion 启发。涵盖中性色系设计 token、侧边栏+内容框架、高密度数据 UI、表单繁多的配置页、命令面板、空状态,以及这些产品所达到的无障碍(WCAG AA+)标准。
io.github.cloudflare/vibesdk/frontend-design-landing-page
营销落地页与转化导向产品页参考。在构建 hero 区、特性网格、定价页、客户评价、CTA、页脚、导航栏及任何面向公众的营销页面时使用此技能。涵盖温暖、专业、对开发者友好的设计语言(米色背景、充裕留白、胶囊 CTA、角括号卡片装饰),以及完整的 token 集、动画体系和可复制的组件片段。不适用于产品/仪表盘 UI——那类需求请用 frontend-design-saas。
io.github.pabpereza/pabpereza/kubernetes-specialist
在部署或管理 Kubernetes 工作负载时使用。用于创建 deployment 清单、配置 pod 安全策略、设置 service account、定义网络隔离规则、调试 pod 崩溃、分析资源限制、检查容器日志或合理调整工作负载规模。适用于 Helm chart、RBAC 策略、NetworkPolicy、存储配置、性能优化、GitOps 流水线与多集群管理。
io.github.code-yeongyu/oh-my-openagent/dev-browser
带持久页面状态的浏览器自动化。当用户要求浏览网站、填写表单、截图、提取网页数据、测试 Web 应用或自动化浏览器工作流时使用。触发短语包括 “go to [url]”“click on”“fill out the form”“take a screenshot”“scrape”“automate”“test the website”“log into”,或任何浏览器交互请求。
io.github.code-yeongyu/oh-my-openagent/git-master
任何 git 操作都务必使用:原子提交、rebase/squash、历史检索(blame、bisect、log -S)。强烈建议:配合 task(category='quick', load_skills=['git-master'], ...) 使用以节省上下文。触发词:commit、rebase、squash、who wrote、when was X added、find the commit that。
io.github.code-yeongyu/oh-my-openagent/agent-browser
自动化浏览器交互,用于 Web 测试、表单填写、截图与数据提取。当用户需要浏览网站、与页面交互、填表单、截图、测试 Web 应用或从页面提取信息时使用。
io.github.millionco/react-doctor/react-doctor
在完成功能、修复缺陷、提交 React 代码前,或用户输入 `/doctor`、要求扫描、分诊或清理 React 诊断信息时使用。覆盖 lint、无障碍、包体积与架构。包含回归检查,以及会拉取权威 playbook 的完整本地分诊流程。
io.github.code-yeongyu/oh-my-openagent/lsp-setup
为特定语言配置 Language Server(LSP),使编辑器/agent 工具链的诊断、跳转定义、查找引用与重命名可用。当需要配置 LSP、setup 或安装语言服务器、修复 “no LSP server configured”/“server not installed”、在多个服务器间选择(basedpyright vs pyright vs ty vs ruff)、或打通 .codex/lsp-client.json / .opencode/lsp.json 时使用。按文件路由到 references/<language>/README.md,给出确切的内置 server、各操作系统安装命令(macOS/Linux/Windows)、两份配置文件的片段、初始化选项、替代方案与排障。附带脚本:detect-lsp.ts(扫描项目语言及各 server 的安装/配置状态)与 verify-lsp.ts(执行一次真实的诊断往返)。覆盖 typescript、python、go、rust、c/c++、java、kotlin、c#/razor、swift、ruby、php、dart、elixir、zig、lua、bash、yaml、terraform、haskell、julia。
io.github.NVIDIA-AI-Blueprints/video-search-and-summarization/vss-deploy-detection-tracking-3d
以 MV3DT 模式(`MODE=mv3dt`)部署和运维 RTVI-CV-3D 微服务:逐相机 DeepStream 感知,加上基于标定相机的 BEV 融合。支持内置示例数据集、自定义视频文件与 RTSP 流,并在缺少标定时链式调用 `vss-generate-video-calibration`。完整仓库蓝图请用 `vss-deploy-profile`,单相机 2D 检测请用 `vss-deploy-detection-tracking-2d`
io.github.forcedotcom/SalesforceMobileSDK-iOS/mobile-sdk-ios-pr-review
评审 Salesforce Mobile SDK for iOS 的 PR,关注公共 API 破坏、OAuth/凭据安全、SQLCipher 正确性、多用户账户回归、缺失本地化以及 iOS 平台陷阱。针对每次变更都会触达外部开发者的公共开源 SDK 场景做了调优。
io.github.thedotmack/claude-mem/standup
跨 git worktree、分支或 PR 主持一次只读站会,比对变更并产出一份整合计划。
io.github.ag2ai/faststream/testing-patterns
在 tests/ 下编写或修改测试时使用——基类 testcase 继承、pytest 标记、fixture、内存 broker 与真实 broker 测试的取舍,以及如何运行测试套件。
io.github.microsoft/hve-core/security-reviewer-formats
安全审查编排器及其子代理的格式规范与数据契约。
io.github.microsoft/hve-core/python-foundational
Python 的基础最佳实践、惯用写法与代码质量基本功。
io.github.react/react/rust-port-status
展示全部 Rust 移植计划文档的状态与近期相关提交。需要了解已完成与剩余工作时使用。
io.github.react/react/plan-update
在需要针对全部编译器 pass 做深入调研并更新计划文档时使用。并行启动子代理分析某一主题对各编译器阶段的影响,再将结论汇总进计划文档。
io.github.react/react/compiler-verify
在提交前需要运行全部编译器检查(测试、lint、格式)时使用。自动检测改动的是 TS 还是 Rust 代码并运行相应检查。