前端 frontend
SkillSkillsMP
io.github.code-yeongyu/oh-my-openagent/frontend
构建、 styling 与打磨 Web UI/UX。适用于任何前端、页面、组件、样式、布局、动画或视觉质量任务，或当被要求让界面呈现特定观感与手感时。
source
“Core Web Vitals” 共 485 个结果
io.github.code-yeongyu/oh-my-openagent/frontend
构建、 styling 与打磨 Web UI/UX。适用于任何前端、页面、组件、样式、布局、动画或视觉质量任务，或当被要求让界面呈现特定观感与手感时。
io.github.code-yeongyu/oh-my-openagent/frontend
构建、样式化并打磨 Web UI/UX。适用于任何前端、页面、组件、样式、布局、动画或视觉质量任务，或当被要求让界面呈现特定观感与手感时。
io.github.microsoft/playwright/playwright-cli
自动化浏览器交互、测试网页并处理 Playwright 测试。
io.github.affaan-m/ECC/frontend-slides
从零开始或转换 PowerPoint 文件，做出视觉效果出色、动效丰富的 HTML 演示文稿。当用户想制作演示文稿、把 PPT/PPTX 转为网页，或为演讲、路演准备幻灯片时使用。帮助非设计背景的用户通过视觉探索找到自己的审美，而不是停留在抽象选择上。
io.github.sickn33/agentic-awesome-skills/firebase-app-platform
Build and operate apps on Firebase using Auth, Firestore, Cloud Functions, and Hosting. Use when building mobile/web backends with managed services, real-time data sync, or serverless APIs.
io.github.slopus/happy/release
面向 CLI、移动端、Web 与后端的发布流水线。引导版本递增、构建、测试、发布与部署。以 Claude Code 原生体验取代旧的交互式 release-it 流程。当用户输入 /release，或要求发布、推送、部署或交付任意组件时使用。
io.github.langgenius/dify/frontend-code-review
仅在用户明确要求审查 web/ 或 packages/dify-ui/ 下的前端代码时使用。支持待提交变更、按文件和粘贴 diff 三种审查模式。不适用于仅实现代码的请求、无审查意图的诊断、或纯后端代码。
io.github.NousResearch/hermes-agent/parallel-cli
面向代理的 Web 搜索、深度研究与信息补全。
io.github.affaan-m/ECC/deep-research
使用 firecrawl 与 exa MCP 进行多源深度研究。检索网页、综合发现，并交付带有来源归属的引用报告。在用户需要对任意主题做有证据、有引用的彻底研究时使用。
io.github.affaan-m/ECC/exa-search
通过 Exa MCP 进行神经检索，用于网页、代码和企业研究。当用户需要网页搜索、代码示例、公司情报、人物查找，或用 Exa 的神经搜索引擎做 AI 驱动的深度研究时使用。
io.github.affaan-m/ECC/frontend-slides
从零开始或转换 PowerPoint 文件，做出视觉效果出色、动效丰富的 HTML 演示文稿。当用户想制作演示文稿、把 PPT/PPTX 转为网页，或为演讲、路演准备幻灯片时使用。帮助非设计背景的用户通过视觉探索找到自己的审美，而不是停留在抽象选择上。
io.github.pingdotgg/t3code/test-t3-app
Test T3 Code's web and desktop UI through its built-in Browser panel against isolated development state. Use for browser verification, browser pairing recovery, and test fixtures. Use test-t3-mobile for native mobile verification.
io.github.tabler/tabler/build-pipeline
理解或修复 Tabler 资产流水线——`core/dist`、`tmp-assets/`、生成的 `public/` 目录、`copy-assets` Astro 集成、`build-css.ts`、vite/terser JS 构建与 turbo 开发依赖图。当资产缺失、过期、重复或跨构建膨胀，重启后 watcher 输出消失，页面对 `/dist/css/tabler.css` 返回 404，以及在修改 `.build/` 下内容、`astro.config.mjs` 中包的资产清单或 dev/build 脚本之前使用。
io.github.pixijs/pixijs/pixijs-create
Use this skill when scaffolding a new PixiJS v8 project with the create-pixi CLI or adding PixiJS to an existing project. Covers npm/yarn/pnpm/bun create commands, interactive vs non-interactive flows, bundler vs creation template categories, available template presets (bundler-vite, bundler-webpack, bundler-esbuild, bundler-import-map, creation-web, framework-react, extension-default), Node version requirements, `npm install pixi.js` for existing projects, TypeScript 5/6/7 tsconfig setup (moduleResolution, @webgpu/types, @types/web), post-scaffold dev flow, and the Vite top-level-await production-build gotcha. Triggers on: create pixi.js, npm create, npm install pixi.js, scaffold, template, bundler-vite, bundler-webpack, creation-web, framework-react, new project, existing project, getting started, quick start, TypeScript, tsconfig, moduleResolution, @webgpu/types, @types/web, Cannot find name GPUTextureUsage.
io.github.prisma/orm/publish-npm-version
切出 Prisma 8 的下一个版本：递增根 package.json 版本（v8 RC 线上为 8.0.0-rc.N → rc.N+1），同步到所有 workspace 包，并开启标题为 “chore(release): bump to <next-version>” 的 PR。维护者合并后，`Publish to npm` 工作流自动运行，按版本号形态对应的 dist-tag（`latest`；RC 版本获得预发布的 GitHub Release）发布到 npm，并生成对应的 GitHub Release。当维护者要求 “cut the next RC”“cut the next release”“bump to the next version”“open a release PR” 或 “prepare a publish PR” 时使用。
io.github.Panniantong/Agent-Reach/skill
当用户想要调研/research/搜索/search/查/找/look up 互联网上的任何内容时务必使用——例如“全网调研 X”“帮我调研一下 X”“查一下 X”“搜搜 X”“看看大家怎么评价 X”“X 上有什么讨论”“research this topic”。当用户提到任何平台或分享任何 URL/链接时也务必使用：小红书/xiaohongshu/xhs、Twitter/推特/X、B站/bilibili、Reddit、Facebook、Instagram、V2EX、LinkedIn/领英/招聘/求职/jobs、YouTube、GitHub code search、小宇宙播客、雪球/股票行情、RSS feeds 或任意网页 URL。覆盖 15 个平台、多后端路由（OpenCLI / 各平台 CLI / API），6 个渠道零配置。运行 `agent-reach doctor --json` 查看当前各平台的后端。不适用于：写报告/数据分析/翻译等内容加工（本 skill 只负责从互联网获取内容）、发帖/评论/点赞等写操作、已有专门 skill 的平台（应先用专门 skill）。【路由方式】SKILL.md 包含路由表和常用命令，复杂场景需按需阅读对应分类的 references/*.md。分类：search / social（小红书/推特/B站/V2EX/Reddit/Facebook/Instagram）/ career(LinkedIn) / dev(github) / web(网页/文章/RSS) / video(YouTube/B站/播客) / finance(雪球/股票)。
io.github.emilkowalski/skills/mobile-native
Make a web app feel native on a phone — the small CSS and meta-tag fixes that separate "a website in a browser" from something that feels installed. Covers sticky hover states, tap highlight flashes, the 100vh bug, inputs that zoom the page, laggy taps, pull-to-refresh hijacking scroll, content under the notch, long-press selecting button text, carousels that scroll the wrong way, mismatched status bars, and the rule that you test on real hardware. Use when a web app is being built for or reviewed on mobile, when something "works in Chrome but feels wrong on my phone", when building a PWA, a bottom sheet, a carousel, a full-screen layout, or any touch interaction. For motion itself use animate; for React Native use animate-expo.
io.github.NousResearch/hermes-agent/auteur
Design and build cinematic, award-level web pages.
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.tabler/tabler/bootstrap-component
Write a new Bootstrap-style JavaScript component class in `core/js/src/bootstrap/` — a `BaseComponent` subclass with typed config, `EVENT_*`/`CLASS_NAME_*` constants and a `data-bs-toggle` Data API. Use whenever the user asks for a new component in the Bootstrap port (a toggler, a dialog, a chip input, a stepper) or wants an existing one brought up to this baseline. Covers file structure, TypeScript typing of `Default` and `DefaultType`, constructor and config merging, events, the Data API handler and the minimal public API. Not for the build, the tests or the size budget — that is the `core-js` skill.
io.github.K-Dense-AI/scientific-agent-skills/paper-lookup
在 11 个学术文献 API 中检索论文、预印本、引用与开放获取全文，并返回可复现的溯源结果。覆盖 PubMed、PMC（全文）、Europe PMC（全文与预印本检索）、bioRxiv、medRxiv、arXiv、OpenAlex、Crossref、Semantic Scholar、CORE、Unpaywall。适用于检索论文、引用、DOI/PMID/arXiv、摘要、全文、开放获取 PDF、预印本、引用网络、作者发文或任何学术文献查询。提及任一受支持数据库，或“find papers on X”“look up this DOI”“who cites this paper”“get me the PDF”等请求会触发。
io.github.K-Dense-AI/scientific-agent-skills/nextflow
端到端构建、运行和调试 Nextflow 数据流水线与 nf-core 工作流。只要用户提到 Nextflow、nf-core、.nf 文件、nextflow.config、DSL2、processes/channels/operators、samplesheet，或想运行社区流水线（如 nf-core/rnaseq、nf-core/sarek）、用 nf-test 编写和测试模块/subworkflow、配置执行器/容器（Docker、Singularity/Apptainer、Conda、Wave）、把工作流扩展到 HPC/SLURM 或云（AWS Batch、Google Batch、Azure、Kubernetes）、调试失败/续跑的运行，都应使用。即使用户没有说出 “Nextflow”，任何可复现的科学/生信工作流也应考虑使用，也包括编写 nf-core 合规的 pipeline、模块、配置和 lint。
io.github.affaan-m/ECC/esign-field-placement
Deterministic method for placing signature, date, and text fields in a web e-signature composer through a browser automation session, using a fixed signature page, numeric Location panel coordinates instead of drag, and a save-as-draft default. Use when automating envelope preparation for generated agreements and you need repeatable field positions, correct per-recipient ownership, and a hard gate before anything is sent or signed.
io.github.discourse/discourse/discourse-frontend-conventions
Discourse 前端代码（JavaScript 与 TypeScript，.js/.gjs/.ts/.gts）中 linter 不强制的核心、插件与主题约定。在编写、审查或准备提交类代码或模板时使用。涵盖私有符号模式（#、无前缀、下划线）、超出 lint 分桶范围的类成员排序、带注释字段前的空行、禁用横幅注释、模板内安全注释、调用处 attribute/argument/modifier 排序，以及注释必要性判断标准。