New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Perf

by zeuikli in zeuikli/claude-code-workspace

效能分析與最佳化：量測 baseline、定位瓶頸、優化最高影響項、驗證改善效果。適用於應用程式慢、API 超時、前端 Core Web Vitals 問題。

No licenceAuto-check passedFrontend & Design

Install Perf

skills CLI
$ npx skills add zeuikli/claude-code-workspace --skill perf -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install zeuikli/claude-code-workspace perf --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/zeuikli/claude-code-workspace.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/perf .claude/skills/perf && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
perf
GitHub stars
156
Used in
1 other repo
Token cost
~469 tokens
SKILL.md length
129 words
Files
1
Skills in repo
19
Repo updated
First seen
Licence
None found

At a glance

效能分析與最佳化：量測 baseline、定位瓶頸、優化最高影響項、驗證改善效果。適用於應用程式慢、API 超時、前端 Core Web Vitals 問題。

  • Works in 4 steps: Measure — 先量測，有 baseline 才能比較（不要憑感覺優化） → Identify — 找到最大瓶頸（用 80/20 原則：20% 的程式碼造成… → Optimize — 優先修復影響最大的問題，一次一個 → …
  • Tasks that involve Web performance
  • SKILL.md covers 觸發條件, 優化流程（4 步驟）, Profiling 指令 and 常見瓶頸分類, plus 3 more sections
  • Calls node, python and go

What it does

Perf is an agent skill from zeuikli/claude-code-workspace. 效能分析與最佳化：量測 baseline、定位瓶頸、優化最高影響項、驗證改善效果。適用於應用程式慢、API 超時、前端 Core Web Vitals 問題。

Its SKILL.md is about 470 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Frontend & Design, covering Web performance.

When your agent uses it

  • Tasks that involve Web performance

Example prompts

  • “/perf”

Requirements

  • Python 3
  • Node.js

Workflow steps

4 steps, taken from the first numbered list in SKILL.md.

  1. Measure — 先量測，有 baseline 才能比較（不要憑感覺優化）
  2. Identify — 找到最大瓶頸（用 80/20 原則：20% 的程式碼造成 80% 的效能問題）
  3. Optimize — 優先修復影響最大的問題，一次一個
  4. Verify — 用相同工具重新量測，確認改善數字

What it can do on your machine

Read from SKILL.md and the folder at commit 807b285. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • node
    • python
    • go

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Perf loads about 469 tokens when it runs. Until then it costs about 21 tokens; SKILL.md has 129 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~21
When it runs · the whole SKILL.md, loaded when a task matches
~469

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 129 words (~469 tokens).

name
perf
disable-model-invocation
true
context
fork

Read the full SKILL.md on GitHub

Files

Just SKILL.md in .claude/skills/perf of zeuikli/claude-code-workspace.

Open the folder on GitHubat commit 807b285

Used in 1 other repository

We found 1 copy of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in zeuikli/claude-code-workspace, which our catalogue first saw on October 7, 2026.

Compare with similar skills

Perf next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Perf compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Perf this skillzeuikli/claude-code-workspace1561 repos~469Automated safety check: PassNone
React Doctormakeplane/plane61k12 repos~657Automated safety check: PassAGPL-3.0
Fixing Motion Performanceibelick/ui-skills9.5k5 repos~1.4kAutomated safety check: PassMIT
GSAP Performance Tuninggreensock/gsap-skills16k4 repos~1kAutomated safety check: PassMIT
React Frontend Development Guidelinesdiet103/claude-code-infrastructure-showcase10k2 repos~2.9kAutomated safety check: PassMIT
Web Quality Auditaddyosmani/web-quality-skills2.9k—~2.6kAutomated safety check: PassMIT

Similar skills

  • React Doctor

    makeplane/plane

    Scans React code for lint, accessibility, bundle size and architecture issues, reports a health score and checks that changes do not lower it.

    61k GitHub starsUsed in 12 repos~657 tokens
    Frontend & DesignAuto-check passed

  • Fixing Motion Performance

    ibelick/ui-skills

    Audits and fixes web animation performance: layout thrashing, work that belongs on the compositor, scroll-linked motion and costly blur effects.

    9.5k GitHub starsUsed in 5 repos~1.4k tokens
    Frontend & DesignAuto-check passed

  • GSAP Performance Tuning

    greensock/gsap-skills

    Guides the agent to keep GSAP animations smooth by animating transforms and opacity, batching DOM reads and writes, and avoiding layout-heavy properties.

    16k GitHub starsUsed in 4 repos~1k tokens
    Frontend & DesignAuto-check passed

  • React Frontend Development Guidelines

    diet103/claude-code-infrastructure-showcase

    Guidelines for React 18 and TypeScript apps covering Suspense data fetching, lazy loading, feature folders, MUI v7 styling, TanStack Router and performance.

    10k GitHub starsUsed in 2 repos~2.9k tokens
    Frontend & DesignAuto-check passed

  • Web Quality Audit

    addyosmani/web-quality-skills

    Run an evidence-led web quality audit covering performance, accessibility, SEO, best practices, and agentic browsing.

    2.9k GitHub stars~2.6k tokensUpdated 1 mo ago
    Frontend & DesignAuto-check passed

  • SEO Google

    AgriciDaniel/codex-seo

    Google SEO APIs: Search Console (Search Analytics, URL Inspection, Sitemaps), PageSpeed Insights v5, CrUX field data with 25-week history, Indexing API v3, and GA4 organic traffic.

    791 GitHub starsUsed in 2 repos~3.4k tokens
    Frontend & DesignAuto-check passed

More from zeuikli/claude-code-workspace

All 19 skills in this repo

  • Map

    zeuikli/claude-code-workspace

    產出 codebase 語意符號地圖（classes、functions、interfaces、types 的精確 file:line 位置）。適合在大型重構前或接手陌生 codebase 時使用。

    156 GitHub starsUsed in 1 repo~449 tokens
    Auto-check passed

  • Research Best Practices

    zeuikli/claude-code-workspace

    研究外部 Claude Code best practice 來源（GitHub repos、官方 docs、blog），對比現有 workspace 做 gap analysis，產出可操作建議清單。

    156 GitHub stars~724 tokensUpdated 2 days ago
    Auto-check passed

  • Writing

    zeuikli/claude-code-workspace

    文案撰寫全套工作流：分析受眾語調、套用說服公式（AIDA/PAS/FAB）、產出部落格/Email/Landing Page/社群文案，並提供 SEO 優化建議。適合在撰寫行銷文案、內容行銷、或需要匹配特定品牌語調時使用。

    156 GitHub starsUsed in 1 repo~438 tokens
    Auto-check passed

  • Add Skill

    zeuikli/claude-code-workspace

    建立符合官方規格的 Claude Code skill：蒐集需求、產出正確格式的 SKILL.md、驗證命名與描述規則、套用 Progressive Disclosure 結構。適合在新增 skill 或 slash command 時使用。

    156 GitHub stars~1k tokensUpdated 2 days ago
    Auto-check passed

  • Agent Team

    zeuikli/claude-code-workspace

    啟動 Agent Team 模式，多個 worker 平行處理任務並共享發現。適用於大型重構、codebase 遷移、全面審查。

    156 GitHub stars~502 tokensUpdated 2 days ago
    Auto-check passed

  • Context Report

    zeuikli/claude-code-workspace

    分析當前專案的 Claude Code session 資料，產出 context 效率報告（模型用量、工具效率、委派比例、TodoWrite 使用率）。搭配 context-management.md 使用。

    156 GitHub stars~1.7k tokensUpdated 2 days ago
    Auto-check passed

Categories

Questions about Perf

What does Perf do?

效能分析與最佳化：量測 baseline、定位瓶頸、優化最高影響項、驗證改善效果。適用於應用程式慢、API 超時、前端 Core Web Vitals 問題。. Perf is an agent skill from zeuikli/claude-code-workspace.

When should I use Perf?

Perf fits situations like: tasks that involve Web performance.

How do I install Perf in Claude Code?

Run `npx skills add zeuikli/claude-code-workspace --skill perf -a claude-code`. Or copy the skill folder (.claude/skills/perf in zeuikli/claude-code-workspace) into .claude/skills/perf in your project. Claude Code loads it when a task matches its description.

How do I install Perf in Codex?

Run `npx skills add zeuikli/claude-code-workspace --skill perf -a codex`. Or copy the skill folder (.claude/skills/perf in zeuikli/claude-code-workspace) into .agents/skills/perf in your project. Codex loads it when a task matches its description.

Can I use Perf in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add zeuikli/claude-code-workspace --skill perf -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/perf, .gemini/skills/perf, .github/skills/perf and .opencode/skills/perf in your project.

What does Perf need to run?

Going by SKILL.md and its folder, Perf needs the command-line tools its instructions call (node, python and go). Our summary lists: Python 3; Node.js.

Does Perf access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Perf safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Perf use?

No licence was found for Perf or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Perf use?

About 469 tokens (SKILL.md is roughly 1.9k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Perf?

Skills that share tags, products or a category with Perf: React Doctor (makeplane/plane, 61k stars), Fixing Motion Performance (ibelick/ui-skills, 9.5k stars), GSAP Performance Tuning (greensock/gsap-skills, 16k stars) and React Frontend Development Guidelines (diet103/claude-code-infrastructure-showcase, 10k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Perf?

zeuikli (a GitHub user) maintains it in zeuikli/claude-code-workspace, which has 156 GitHub stars. The repository holds 19 skills in this directory. The repository was last updated on October 6, 2026.

Source: zeuikli/claude-code-workspace on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.