Creating Docs Code Examples
handsontable/handsontable
Sets the rules for writing Handsontable documentation examples in JavaScript, TypeScript, React, Angular and Vue, with the imports, registration and licence key each needs.
Sets frontend engineering interview questions on JavaScript, React or Vue, browser internals and performance, with scenario-based follow-ups drawn from the candidate's resume.
SKILL.md written in Chinese; this summary is our English description.
Install Frontend Interview Question Setter
$ npx skills add Snailclimb/interview-guide --skill frontend -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install Snailclimb/interview-guide frontend --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/Snailclimb/interview-guide.git skills-src && mkdir -p .claude/skills && cp -r skills-src/app/src/main/resources/skills/frontend .claude/skills/frontend && rm -rf skills-srcUse ~/.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/
Install the "frontend" agent skill from https://github.com/Snailclimb/interview-guide/tree/master/app/src/main/resources/skills/frontend into .claude/skills/frontend/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "frontend", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/Snailclimb/interview-guide/tree/master/app/src/main/resources/skills/frontendType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add Snailclimb/interview-guide --skill frontend -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install Snailclimb/interview-guide frontend --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Snailclimb/interview-guide.git skills-src && mkdir -p .agents/skills && cp -r skills-src/app/src/main/resources/skills/frontend .agents/skills/frontend && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "frontend" agent skill from https://github.com/Snailclimb/interview-guide/tree/master/app/src/main/resources/skills/frontend into .agents/skills/frontend/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "frontend", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add Snailclimb/interview-guide --skill frontend -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install Snailclimb/interview-guide frontend --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Snailclimb/interview-guide.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/app/src/main/resources/skills/frontend .cursor/skills/frontend && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "frontend" agent skill from https://github.com/Snailclimb/interview-guide/tree/master/app/src/main/resources/skills/frontend into .cursor/skills/frontend/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "frontend", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/Snailclimb/interview-guide.git --path app/src/main/resources/skills/frontend--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add Snailclimb/interview-guide --skill frontend -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install Snailclimb/interview-guide frontend --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Snailclimb/interview-guide.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/app/src/main/resources/skills/frontend .gemini/skills/frontend && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "frontend" agent skill from https://github.com/Snailclimb/interview-guide/tree/master/app/src/main/resources/skills/frontend into .gemini/skills/frontend/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "frontend", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install Snailclimb/interview-guide frontendInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add Snailclimb/interview-guide --skill frontend -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/Snailclimb/interview-guide.git skills-src && mkdir -p .github/skills && cp -r skills-src/app/src/main/resources/skills/frontend .github/skills/frontend && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "frontend" agent skill from https://github.com/Snailclimb/interview-guide/tree/master/app/src/main/resources/skills/frontend into .github/skills/frontend/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "frontend", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add Snailclimb/interview-guide --skill frontend -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install Snailclimb/interview-guide frontend --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Snailclimb/interview-guide.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/app/src/main/resources/skills/frontend .opencode/skills/frontend && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "frontend" agent skill from https://github.com/Snailclimb/interview-guide/tree/master/app/src/main/resources/skills/frontend into .opencode/skills/frontend/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "frontend", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
frontend- GitHub stars
- 3.3k
- Token cost
- ~123 tokens
- SKILL.md length
- 27 words
- Files
- 2
- Skills in repo
- 9
- Repo updated
- First seen
- Licence
- AGPL-3.0
At a glance
Sets frontend engineering interview questions on JavaScript, React or Vue, browser internals and performance, with scenario-based follow-ups drawn from the candidate's resume.
- Works in 5 steps: 问题需覆盖渲染机制、状态管理、工程化与性能优化。 → 优先结合简历项目，追问复杂页面、性能瓶颈和线上问题处理。 → 回答停留在 API 层时，必须追问底层机制与边界场景。 → …
- Preparing questions for a frontend engineering interview
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
- Probing a candidate's resume projects for performance and engineering depth
What it does
The agent plays a frontend interviewer who judges real-world technical trade-offs and delivery quality. Questions must span rendering, state management, engineering practice and performance, preferably built on projects from the candidate's resume, and answers that stay at the API level are pushed down to underlying mechanisms and edge cases. At least once the candidate is asked for measurable figures such as FCP, LCP, error rate or bundle size, and plain terminology questions are avoided in favor of scenarios. Topics map to reference notes on JavaScript, React and Vue, and the browser.
When your agent uses it
- Preparing questions for a frontend engineering interview
- Probing a candidate's resume projects for performance and engineering depth
Example prompts
- “Write interview questions for a React developer based on this resume.”
- “Prepare follow-up questions that push a candidate beyond API knowledge into browser rendering.”
- “Draft a frontend interview round that asks for measurable performance metrics.”
Workflow steps
5 steps, taken from the first numbered list in SKILL.md.
- 问题需覆盖渲染机制、状态管理、工程化与性能优化。
- 优先结合简历项目，追问复杂页面、性能瓶颈和线上问题处理。
- 回答停留在 API 层时，必须追问底层机制与边界场景。
- 至少一次要求候选人给出可量化指标（如 FCP/LCP、错误率、包体积）。
- 不要只问名词解释，必须有场景化问题。
What it can do on your machine
Read from SKILL.md and the folder at commit ebe2697. 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
No scripts in the folder and no shell commands in SKILL.md.
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
Frontend Interview Question Setter loads about 123 tokens when it runs. Until then it costs about 17 tokens; SKILL.md has 27 words of instructions outside code blocks.
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
The full file from Snailclimb/interview-guide at commit ebe2697, republished under its AGPL-3.0 licence (© Snailclimb). 27 words, ~123 tokens.
Download SKILL.mdSave it as
.claude/skills/frontend/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.- name
- frontend
- description
- 用于前端工程面试出题；覆盖 JavaScript、React/Vue、浏览器原理和性能优化，强调业务实战与工程化能力。
Overview
你是一位前端工程面试官，重点评估候选人在真实业务中的技术取舍与交付质量。
Instructions
- 问题需覆盖渲染机制、状态管理、工程化与性能优化。
- 优先结合简历项目，追问复杂页面、性能瓶颈和线上问题处理。
- 回答停留在 API 层时，必须追问底层机制与边界场景。
- 至少一次要求候选人给出可量化指标（如 FCP/LCP、错误率、包体积）。
- 不要只问名词解释，必须有场景化问题。
Additional Resources
出题前优先参考这些资料，并按分类落题：
- JAVASCRIPT -> javascript.md
- REACT_VUE -> react-vue.md
- BROWSER -> browser.md
- CSS/ENGINEERING/PERFORMANCE/PROJECT -> 结合简历与工程实践深挖
© Snailclimb, AGPL-3.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 1 other file in app/src/main/resources/skills/frontend of Snailclimb/interview-guide.
- SKILL.md
- skill.meta.yml
Open the folder on GitHubat commit ebe2697
Compare with similar skills
Frontend Interview Question Setter 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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Frontend Interview Question Setter this skillSnailclimb/interview-guide | 3.3k | — | ~123 | Automated safety check: Pass | AGPL-3.0 | |
| Creating Docs Code Exampleshandsontable/handsontable | 22k | — | ~2.2k | Automated safety check: Pass | Custom licence | |
| UI CraftMemTensor/memmy-agent | 2.1k | — | ~2.9k | Automated safety check: Pass | MIT | |
| Premium UI Revampbuildfastwithai/gen-ai-experiments | 785 | — | ~2k | Automated safety check: Pass | MIT | |
| GSAP Core Animationgreensock/gsap-skills | 16k | 4 repos | ~3.7k | Automated safety check: Pass | MIT | |
| @pierre/diffs Code Renderingpierrecomputer/pierre | 6.3k | 2 repos | ~803 | Automated safety check: Pass | Apache-2.0 |
Similar skills
UI Craft
MemTensor/memmy-agent
Design, build, redesign, or modify browser-visible web interfaces with product-quality composition, visual systems, interaction states, responsive behavior, accessibility, and browser visual QA.
Premium UI Revamp
buildfastwithai/gen-ai-experiments
Audit and revamp existing web interfaces into polished, professional, product-specific experiences while preserving behavior and working within the current frontend stack.
GSAP Core Animation
greensock/gsap-skills
Covers the GSAP core API for tweens, easing, staggers, defaults and matchMedia, and when to choose GSAP over CSS animations or other JavaScript animation libraries.
@pierre/diffs Code Rendering
pierrecomputer/pierre
Guides an agent through using @pierre/diffs to render syntax-highlighted files and diffs, and to build editing and review surfaces in React or plain JavaScript.
Wagmi Feature Development
wevm/wagmi
Walks through adding a Wagmi feature across its layers: a Viem-based core action, TanStack Query options, and React and Vue bindings.
More from Snailclimb/interview-guide
All 9 skills in this repoAI Agent Developer Interview Questions
Snailclimb/interview-guide
Plays an interviewer for AI agent developer roles, probing agent loops, tool integration, MCP, RAG, context engineering and multi-agent design through practical scenarios.
Alibaba Backend Interviewer
Snailclimb/interview-guide
Generates backend interview questions in the style of an Alibaba interviewer, probing real projects, trade-offs and middleware choices in depth.
ByteDance Backend Interviewer
Snailclimb/interview-guide
Plays a ByteDance backend interviewer who sets algorithm questions first, probes correctness and complexity, then asks how the solution holds up under high concurrency.
Java Backend Interviewer
Snailclimb/interview-guide
Acts as a Java backend interviewer who asks about Java core, MySQL, Redis, Spring and project work, then probes design trade-offs, failure handling and performance.
Tencent Java Backend Interview
Snailclimb/interview-guide
Sets the agent up as a Tencent-style backend interviewer who probes networking and operating-system fundamentals, then ties technology choices to business scenarios.
Python Backend Interview Questions
Snailclimb/interview-guide
Acts as a Python backend interviewer, setting practical questions on Python basics, databases, Django and Flask, caching and deployment, with follow-ups on real production work.
Related
Works with
Categories
Questions about Frontend Interview Question Setter
What does Frontend Interview Question Setter do?
Sets frontend engineering interview questions on JavaScript, React or Vue, browser internals and performance, with scenario-based follow-ups drawn from the candidate's resume. The agent plays a frontend interviewer who judges real-world technical trade-offs and delivery quality. Questions must span rendering, state management, engineering practice and performance, preferably built on projects from the candidate's resume, and answers that stay at the API level are pushed down to underlying mechanisms and edge cases.
When should I use Frontend Interview Question Setter?
Frontend Interview Question Setter fits situations like: preparing questions for a frontend engineering interview; probing a candidate's resume projects for performance and engineering depth.
How do I install Frontend Interview Question Setter in Claude Code?
Run `npx skills add Snailclimb/interview-guide --skill frontend -a claude-code`. Or copy the skill folder (app/src/main/resources/skills/frontend in Snailclimb/interview-guide) into .claude/skills/frontend in your project. Claude Code loads it when a task matches its description.
How do I install Frontend Interview Question Setter in Codex?
Run `npx skills add Snailclimb/interview-guide --skill frontend -a codex`. Or copy the skill folder (app/src/main/resources/skills/frontend in Snailclimb/interview-guide) into .agents/skills/frontend in your project. Codex loads it when a task matches its description.
Can I use Frontend Interview Question Setter 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 Snailclimb/interview-guide --skill 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/frontend, .gemini/skills/frontend, .github/skills/frontend and .opencode/skills/frontend in your project.
What does Frontend Interview Question Setter need to run?
SKILL.md names no scripts, command-line tools or credentials: Frontend Interview Question Setter is instructions for the agent only.
Does Frontend Interview Question Setter 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 Frontend Interview Question Setter 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 Frontend Interview Question Setter use?
Frontend Interview Question Setter is published under the AGPL-3.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Frontend Interview Question Setter use?
About 123 tokens (SKILL.md is roughly 492 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 Frontend Interview Question Setter?
Skills that share tags, products or a category with Frontend Interview Question Setter: Creating Docs Code Examples (handsontable/handsontable, 22k stars), UI Craft (MemTensor/memmy-agent, 2.1k stars), Premium UI Revamp (buildfastwithai/gen-ai-experiments, 785 stars) and GSAP Core Animation (greensock/gsap-skills, 16k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Frontend Interview Question Setter?
Snailclimb (a GitHub user) maintains it in Snailclimb/interview-guide, which has 3,319 GitHub stars. The repository holds 9 skills in this directory. The repository was last updated on October 8, 2026.
Source: Snailclimb/interview-guide on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.