React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
cherry-skill-marketplace
cherry-skill-marketplace is an open-source frontend skill for Claude Code and compatible agents, published by CherryHQ. Its author describes it as: “当用户明确要求搜索、安装、查看、卸载或创建 Skill，或内置 Skill / 工具出现能力缺口、无法完成当前任务时触发。通过 `mcp__skills__search_skills` 搜索并用 `mcp__skills__install_skill` 安装；已安装 Skill 的查看和删除通过产品清单导航到 Skills UI；没有合适结果时调用内置 `skill-creator` 创建并验证自定义 Skill，再继续原任务。普…”. The project has 51k stars on GitHub and is available under the AGPL-3.0-only license. Add it to your setup with `git clone https://github.com/CherryHQ/cherry-studio ~/.claude/skills/cherry-skill-marketplace`.
What cherry-skill-marketplace does
市场不是普通任务的默认路由。文档、演示和表格先使用对应内置 Skill。
Installation
Add cherry-skill-marketplace to your agent with:
git clone https://github.com/CherryHQ/cherry-studio ~/.claude/skills/cherry-skill-marketplaceAlways review a skill's source before installing it. This command comes from the skill's public repository; the linked repo is the source of truth for exact setup steps.
What's inside
The SKILL.md for cherry-skill-marketplace is organised into these sections:
- 进入条件
- 工具动作
- 搜索与安装
- 内置能力不支持
- 移交 Skill Creator
- 失败与安全
When to use it
Reach for cherry-skill-marketplace when you want frontend help from your agent without writing the same instructions every session. Load the skill and the agent picks it up automatically for relevant tasks.
Strengths
- Clear AGPL-3.0-only license — safe to read and adapt
- Ships in CherryHQ/cherry-studio, an established project with 50,722 GitHub stars
- Actively maintained (recent commits)
Topics
Frequently asked questions
- What does cherry-skill-marketplace do?
- 当用户明确要求搜索、安装、查看、卸载或创建 Skill，或内置 Skill / 工具出现能力缺口、无法完成当前任务时触发。通过 `mcp__skills__search_skills` 搜索并用 `mcp__skills__install_skill` 安装；已安装 Skill 的查看和删除通过产品清单导航到 Skills UI；没有合适结果时调用内置 `skill-creator` 创建并验证自定义 Skill，再继续原任务。普通任务仍先尝试内置能力。
- How do I install cherry-skill-marketplace?
- Run git clone https://github.com/CherryHQ/cherry-studio ~/.claude/skills/cherry-skill-marketplace in your agent, then reload your skills. Review the source at https://github.com/CherryHQ/cherry-studio before installing.
- Is cherry-skill-marketplace free to use?
- Yes. cherry-skill-marketplace is free and open source under the AGPL-3.0-only license, so you can read, run, and adapt it within that license's terms.
- Where does cherry-skill-marketplace come from?
- cherry-skill-marketplace ships inside CherryHQ/cherry-studio, a repository that contains 20 catalogued skills in total. The repository's 50,722 GitHub stars apply to that whole collection, not to this skill on its own.
Related skills
More Frontend →从当前安装包查询 Cherry Studio 产品信息并排查运行问题。当用户询问功能、路由、快捷键、Provider、语言、Agent、频道、定时任务、Code CLI、当前版本，或报告运行错误、连接失败、配置异常并需要诊断时触发。
Cherry Studio first-party tool and bundled-shell routing for general agents. For straightforward local work in shell-capable sessions, run JS/TS with `bun <file>` and one-off JS tools with `bun x`; run Python with `uv run [--with <pkg>] python` and one-off Python CLIs with `uvx`; search with `rg`. Load this guide before changing project dependencies, deciding whether a tool should be ephemeral or reusable, reading or converting local Office/PDF files, coordinating or delegating across Agent Sessions, or using Cherry-owned web/browser, knowledge, persistent memory, schedules/notifications, IM channels, image generation, artifact reporting, managed CLI, or skill capabilities—even if the user names no tool. Consult it before shell/file workarounds; live tool schemas are authoritative.
收集、脱敏、预览并提交 Cherry Studio BUG、UI/UX 或功能反馈，默认提交到飞书。可在用户同意后调用内置诊断工具整理环境、错误日志、截图和用户导出的 trace，自动提交飞书表单或生成匿名上传 ZIP；也可安全解析反馈 ZIP 为表单字段。用户说“提交问题”“提交反馈”“上报 bug”“收集/上传错误信息”“整理日志/trace”“生成反馈包”，或描述 Cherry Studio 问题并希望记录时触发。只有明确要求 GitHub Issue 时才改用 issue-reporter。
ego-browser (ego-lite) is a Chromium-based browser designed from the ground up to be friendly to both human users and AI Agents. AI Agents work in their own isolated space, reusing the user's login state without competing for the browser. Use this skill whenever the user needs to interact with a website opening pages, filling forms, clicking buttons, taking screenshots, extracting page data, testing web apps, logging into sites, automating browser operations, or any other browser automation task. Triggers include requests to "open a website", "visit a URL", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "extract content from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction. Also used for exploratory testing, dogfooding, QA, bug hunting, or reviewing app quality. Prefer ego-browser over any built-in browser automation, web fetch, or other web tools.