Agent skill

Review Frontend

by cyanluna-git in cyanluna-git/cyanluna.skills

Frontend 코드 리뷰. An agent skill from cyanluna-git/cyanluna.skills.

No licenceAuto-check passedFrontend & Design

Install Review Frontend

skills CLI
$ npx skills add cyanluna-git/cyanluna.skills --skill review-frontend -a claude-code

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

GitHub CLI
$ gh skill install cyanluna-git/cyanluna.skills review-frontend --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/cyanluna-git/cyanluna.skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/review-frontend .claude/skills/review-frontend && 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
review-frontend
GitHub stars
183
Token cost
~546 tokens
SKILL.md length
254 words
Files
2
Skills in repo
16
Repo updated
First seen
Licence
None found

At a glance

Frontend 코드 리뷰. An agent skill from cyanluna-git/cyanluna.skills.

  • Works in 6 steps: 인자 파싱 → PR 데이터 수집 → 코드 분석 & 리뷰 작성 → …
  • Tasks that involve Pull requests
  • SKILL.md covers 대상 코드, 옵션, 필수 실행 워크플로우 and 추가 리소스
  • Calls python3

What it does

Review Frontend is an agent skill from cyanluna-git/cyanluna.skills. Frontend 코드 리뷰. PR의 프론트엔드 코드를 컴포넌트 설계, 상태 관리, 렌더링 성능, 접근성 관점으로 분석. 사용법: /review-frontend <PRURL

Its SKILL.md is about 550 tokens, which your agent loads only when the skill is triggered. The skill folder holds 1 other file (for example `reference.md`).

It sits in Frontend & Design, covering Pull requests.

When your agent uses it

  • Tasks that involve Pull requests

Example prompts

  • “/review-frontend”

Requirements

  • Python 3
  • Pre-approved tools (allowed-tools): Bash(python3 *), Read, Grep, WebFetch

Workflow steps

6 steps, taken from the step headings in SKILL.md.

  1. 인자 파싱
  2. PR 데이터 수집
  3. 코드 분석 & 리뷰 작성
  4. PR에 코멘트 게시
  5. 로컬 MD 저장
  6. 결과 요약

What it can do on your machine

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

  • Tool permissions

    Pre-approves these tools, so the agent can use them without asking each time:

    • Bash(python3 *)
    • Read
    • Grep
    • WebFetch

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • python3

    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

Review Frontend loads about 546 tokens when it runs. Until then it costs about 28 tokens; SKILL.md has 254 words of instructions outside code blocks.

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

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 254 words (~546 tokens).

“PR URL을 입력받아 프론트엔드 코드를 도메인 전문 관점으로 분석하고, 구조화된 리뷰 코멘트를 PR에 자동으로 게시합니다.”

— opening of SKILL.md by cyanluna-git
name
review-frontend
allowed-tools
Bash(python3 *), Read, Grep, WebFetch
argument-hint
<pr_url> [--no-post] [--no-save]

Read the full SKILL.md on GitHub

Files

SKILL.md and 1 other file in review-frontend of cyanluna-git/cyanluna.skills.

  • SKILL.md
  • reference.md

Open the folder on GitHubat commit df5be37

Compare with similar skills

Review Frontend 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.

Review Frontend compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Review Frontend this skillcyanluna-git/cyanluna.skills183—~546Automated safety check: PassNone
Contributegluestack/gluestack-ui5.3k—~857Automated safety check: PassNone
Phoenix StorybookArize-ai/phoenix12k—~1.9kAutomated safety check: PassCustom licence
Port Upstreamgjtorikian/tailwind_merge148—~1.9kAutomated safety check: PassMIT
HTML Artifactsdogum/html-artifacts150—~2.1kAutomated safety check: PassApache-2.0
Fix Frontend Review CommentsJetBrains/kotlin-web-site1.6k—~444Automated safety check: PassApache-2.0

Similar skills

  • Contribute

    gluestack/gluestack-ui

    Main entry point for gluestack-ui contributor tasks and workflows

    5.3k GitHub stars~857 tokensUpdated 1 mo ago
    Frontend & DesignAuto-check passed
  • Phoenix Storybook

    Arize-ai/phoenix

    Conventions for creating, modifying, and reviewing production-faithful Storybook stories in the Phoenix frontend (js/app/stories, js/app/.storybook).

    12k GitHub stars~1.9k tokensUpdated today
    Frontend & DesignAuto-check passed
  • Port Upstream

    gjtorikian/tailwind_merge

    Check GitHub notifications for upstream dcastil/tailwind-merge pull requests and port merged ones into this Ruby gem (branch, translated code, tests, commit, PR).

    148 GitHub stars~1.9k tokensUpdated 27 days ago
    Frontend & DesignAuto-check passed
  • HTML Artifacts

    dogum/html-artifacts

    Produce a self-contained HTML artifact instead of a markdown document when the content benefits from spatial layout, color, real diagrams, interactivity, or a round-trip editor.

    150 GitHub stars~2.1k tokensUpdated 25 days ago
    Frontend & DesignAuto-check passed
  • Fix Frontend Review Comments

    JetBrains/kotlin-web-site

    Official

    Apply pull-request review comments to the frontend of kotlinlang.org (Next.js, React, TypeScript, CSS Modules under blocks/, components/, pages/, hooks/, utils/, test/).

    1.6k GitHub stars~444 tokensUpdated today
    Frontend & DesignAuto-check passed
  • Liteyuki Webui Frontend

    LiteyukiStudio/LiteyukiBot

    Build, review, or test LiteyukiBot v7's React/Vite WebUI under webui/ and its packaged static delivery in packages/webui/.

    157 GitHub stars~2.5k tokensUpdated 1 mo ago
    Frontend & DesignAuto-check passed

More from cyanluna-git/cyanluna.skills

All 16 skills in this repo
  • Kanban Batch Run

    cyanluna-git/cyanluna.skills

    Run multiple kanban tasks end-to-end in Rolling Wave order — refine each task based on the prior card's actual implementation, then implement, then verify, then refine the next.

    183 GitHub stars~2.7k tokensUpdated 3 mo ago
    Auto-check passed
  • Kanban

    cyanluna-git/cyanluna.skills

    Manage project tasks in a local SQLite DB (~/.claude/kanban-dbs/{project}.db).

    183 GitHub stars~3.6k tokensUpdated 3 mo ago
    Auto-check passed
  • Kanban Explore

    cyanluna-git/cyanluna.skills

    Codebase exploration skill for uncertain implementation direction.

    183 GitHub stars~3k tokensUpdated 3 mo ago
    Auto-check passed
  • Kanban Local

    cyanluna-git/cyanluna.skills

    Local markdown-file kanban for toy and personal projects. An agent skill from cyanluna-git/cyanluna.skills.

    183 GitHub stars~1.9k tokensUpdated 3 mo ago
    Auto-check passed
  • Kanban Run

    cyanluna-git/cyanluna.skills

    Run the AI team pipeline for kanban tasks — orchestration loop with 6 agents (Planner, Critic, Builder, Shield, Inspector, Ranger), single-step execution, and code review.

    183 GitHub stars~4.3k tokensUpdated 3 mo ago
    Auto-check passed
  • Kanban Spec

    cyanluna-git/cyanluna.skills

    Turn vague intent into a precise, executable spec through 5 structured phases, then optionally create a kanban task.

    183 GitHub stars~1.4k tokensUpdated 3 mo ago
    Auto-check passed

Questions about Review Frontend

What does Review Frontend do?

Frontend 코드 리뷰. An agent skill from cyanluna-git/cyanluna.skills. skills. Frontend 코드 리뷰.

When should I use Review Frontend?

Review Frontend fits situations like: tasks that involve Pull requests.

How do I install Review Frontend in Claude Code?

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

How do I install Review Frontend in Codex?

Run `npx skills add cyanluna-git/cyanluna.skills --skill review-frontend -a codex`. Or copy the skill folder (review-frontend in cyanluna-git/cyanluna.skills) into .agents/skills/review-frontend in your project. Codex loads it when a task matches its description.

Can I use Review Frontend 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 cyanluna-git/cyanluna.skills --skill review-frontend -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/review-frontend, .gemini/skills/review-frontend, .github/skills/review-frontend and .opencode/skills/review-frontend in your project.

What does Review Frontend need to run?

Going by SKILL.md and its folder, Review Frontend needs the command-line tools its instructions call (python3). Our summary lists: Python 3. Its frontmatter pre-approves these tools: Bash(python3 *), Read, Grep, WebFetch.

Does Review Frontend 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 Review Frontend 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 Review Frontend use?

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

How many tokens does Review Frontend use?

About 546 tokens (SKILL.md is roughly 2.2k 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 Review Frontend?

Skills that share tags, products or a category with Review Frontend: Contribute (gluestack/gluestack-ui, 5.3k stars), Phoenix Storybook (Arize-ai/phoenix, 12k stars), Port Upstream (gjtorikian/tailwind_merge, 148 stars) and HTML Artifacts (dogum/html-artifacts, 150 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Review Frontend?

cyanluna-git (a GitHub user) maintains it in cyanluna-git/cyanluna.skills, which has 183 GitHub stars. The repository holds 16 skills in this directory. The repository was last updated on June 22, 2026.

Source: cyanluna-git/cyanluna.skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.