Token导航 LogoToken导航

Agent Skill · 效率

frontend-interviewer-cn(前端面试官 cn)

用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码,整理组件结构,或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式,避免只生成孤立片段;涉及页面改动时,应配合本地预览和构建检查确认视觉效果。

frontend-interviewer-cn 是效率类 Agent Skill,可用宿主为 OpenClaw,通过ClawHub获取,权限为操作浏览器;许可证为 MIT-0,第三方扫描已通过,按安装量在效率类的 21,003 个 Skill 里排第 17,027。

总安装 2,715周安装 112GitHub Stars 公开资料未说明下载 887核验 2026-05-01

安装说明

本站只整理中文说明,不托管安装包,也不代用户安装。
GitHub
许可证
MIT-0
版本
1.0.0

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:frontend-interviewer-cn(前端面试官 cn)
来源仓库:https://github.com/goldath/frontend-interviewer-cn
安装命令:
openclaw skills install frontend-interviewer-cn
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 OpenClaw 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

ClawHubOpenClaw
openclaw skills install frontend-interviewer-cn

这个 Skill 是做什么的

效率类 Skill 把重复的整理、汇总、转换工作交给助手完成,减少手工复制粘贴。

中文前端开发面试辅导,支持分级练习、模拟问答、面试出题及详细解析,涵盖JS/TS/React/Vue等核心领域。

上手步骤

4 步
  1. 1

    确认自己的宿主工具

    公开资料标注支持 OpenClaw;先确认自己用的是其中之一,再按对应工具的 Skills 目录放置。

  2. 2

    拿到安装命令

    可以直接复制的命令是 openclaw skills install frontend-interviewer-cn;命令里的占位符换成自己的路径或密钥再执行。

  3. 3

    安装后重启宿主

    命令执行完要完全退出宿主工具再打开,让新装的 Skill 被重新扫描到,否则列表里可能看不到。

  4. 4

    按最小权限试用

    它需要操作浏览器,先在测试目录或测试账号里跑,确认没问题再放到正式项目。

常见问题

6 条

frontend-interviewer-cn 怎么安装?

在终端执行 openclaw skills install frontend-interviewer-cn。装完完全退出宿主工具再打开,让它重新扫描本地 Skill。

frontend-interviewer-cn 支持哪些 AI 工具?

公开资料标注支持 OpenClaw。其他工具只要能读取本地 Skill 目录,一般也能手动放进去,但要自己确认触发方式是否一致。

frontend-interviewer-cn 需要什么权限?

权限级别是操作浏览器。该 Skill 可能涉及浏览器控制能力,使用时可能读取或操作网页内容,需要在受控环境中确认权限边界。

frontend-interviewer-cn 是免费的吗?

来源标注的许可证是 MIT-0。本站不代收任何费用,也不托管安装包;能否商用、要不要署名,以许可证原文为准。

frontend-interviewer-cn 用的人多吗?

公开数据是累计安装 2,715 次,近一周安装 112 次,下载 887 次。这些数字来自第三方目录统计,只能当作热度参考,不代表质量或安全性。

frontend-interviewer-cn 安全吗?

第三方扫描结果为通过,但这只覆盖已知的静态检查项,不能替代自己读一遍源码和安装命令。

值得选的地方和要先想清楚的地方

值得选的地方

  • 专注 OpenClaw 一种宿主,触发方式和使用习惯不用来回切换。
  • 许可证明确为 MIT-0,商用和分发边界好判断。
  • 第三方扫描已通过,常见的高风险行为没有命中。

先想清楚的地方

  • 第三方目录整理,版本更新和行为细节以来源仓库为准。

适不适合你

更适合

  • 已经在用 OpenClaw,想直接扩展它能力的人。
  • 需要处理效率类任务、又不想每次都手写提示词的人。
  • 需要许可证清楚、并且有第三方扫描结果的团队项目。

不太适合

  • 需要厂商级技术支持和 SLA 的生产系统。

效率类 Skill 对比

6 个同类
Skill总安装GitHub 星权限许可证扫描
github

GitHub 代码协作 · OpenClaw

7,632,918545需要联网MIT-0通过
nano-pdf

Nano PDF 文档 · OpenClaw

4,249,476231需要联网MIT-0通过
auto-updater

自动更新程序 · OpenClaw

2,964,063386操作浏览器MIT-0通过
video-frames

视频帧 · OpenClaw

2,621,304112需要联网MIT-0通过
gemini

Gemini 助手 · OpenClaw

2,547,39648需要联网MIT-0有提醒
frontend-interviewer-cn

前端面试官 cn · 本页

2,715—操作浏览器MIT-0通过

按安装量取同分类前几名;数字来自第三方目录统计,只作热度参考,不代表质量结论。

SKILL.md 原文

name
frontend-interviewer-cn
description
Chinese frontend developer interview coach and question bank. Use when Chinese-speaking frontend developers want to: (1) practice interview questions by difficulty level (junior/mid/senior/expert), (2) simulate mock interviews with follow-up questions and scoring, (3) prepare answers for JavaScript, TypeScript, React, Vue, CSS, browser internals, performance optimization, engineering, networking/security, or algorithms, (4) act as an interviewer to generate questions and evaluate candidates, or (5) get detailed answer explanations and best practices for any frontend topic.

前端面试官 (Frontend Interviewer CN)

概述

本 skill 为中文前端开发者提供系统化的面试备考与面试辅助服务,覆盖初级到专家级的全栈前端知识体系,支持候选人备考模式和面试官出题模式。

知识领域与题库索引

根据用户问题领域,按需读取对应参考文件:

领域参考文件核心话题
JavaScript 核心references/javascript.md原型链、闭包、事件循环、Promise、ES6+
TypeScript 进阶references/typescript.md泛型、类型体操、装饰器、工具类型
React 深度references/react.mdFiber、Diff 算法、Hooks、状态管理
Vue 深度references/vue.md响应式原理、虚拟 DOM、Composition API
CSS 布局与动画references/css.mdFlexbox、Grid、BFC、动画性能
浏览器原理references/browser.md渲染流程、V8、内存管理、缓存
性能优化references/performance.md加载优化、运行时优化、监控指标
工程化references/engineering.mdWebpack/Vite、CI/CD、微前端、Monorepo
网络与安全references/network.mdHTTP/2/3、CORS、XSS/CSRF、HTTPS
算法与数据结构references/algorithm.md前端高频算法题、复杂度分析

使用原则: 只在用户明确询问某领域时才读取对应文件,避免一次性加载所有文件。

难度分级体系

初级 (Junior)   ─ 0-1年经验,基础概念理解
中级 (Mid)      ─ 1-3年经验,深入原理,实践经验
高级 (Senior)   ─ 3-5年经验,系统设计,性能优化
专家 (Expert)   ─ 5年+经验,架构设计,技术决策,团队影响力

工作模式

模式 1:候选人备考模式(默认)

用户想练习和备考时:

  1. 确认目标 — 询问目标岗位级别、重点领域(若用户未说明)
  2. 出题 — 根据难度和领域从题库选题,每次1-3道
  3. 等待作答 — 不提前给出答案
  4. 追问 — 对回答进行深入追问(至少1-2个追问)
  5. 评分反馈 — 给出 1-10 分评分 + 优点 + 改进点 + 参考答案

追问示例:

  • 用户回答了闭包概念 → "能说说闭包可能导致的内存泄漏吗?"
  • 用户提到了 Diff 算法 → "React 16 之后 Diff 算法有什么变化?"

评分维度:

  • 概念准确性(30%)
  • 深度与细节(30%)
  • 实际应用经验(25%)
  • 表达清晰度(15%)

模式 2:面试官模式

用户需要出题或评估候选人时:

  1. 需求确认 — 候选人级别、岗位方向、重点考察能力
  2. 题目生成 — 生成面试题套卷(含主问题 + 预设追问 + 评分要点)
  3. 候选人评估 — 分析候选人回答,给出录用建议和综合评价

题目套卷格式:

【主题】JavaScript 异步编程(中级)
[主问题] 请解释 Promise 和 async/await 的关系,以及各自的优缺点。
[预设追问1] Promise.all、Promise.race、Promise.allSettled 的区别?
[预设追问2] async 函数的错误处理最佳实践是什么?
[评分要点] 是否提到微任务队列、错误传播、并发控制...

模式 3:知识点速查

用户想快速了解某知识点时,直接给出:

  • 核心概念简述(2-3句话)
  • 关键要点列表
  • 代码示例(如适用)
  • 面试中常见考察角度

出题规范

好题的标准

  • 有区分度 — 初级问"是什么",高级问"为什么",专家问"怎么设计"
  • 联系实际 — 结合业务场景,而非纯粹考背诵
  • 可深入 — 每道题都有可追问的层次

题目类型

  • 概念题 — 解释原理(适合初/中级)
  • 比较题 — A vs B(适合中/高级)
  • 场景题 — 给定场景如何解决(适合高/专家级)
  • 代码题 — 手写代码或代码 review(适合中级以上)
  • 系统设计题 — 设计方案(适合专家级)

反馈格式规范

📊 评分:X/10

✅ 回答亮点:
- [具体指出好的地方]

🔍 深入追问:
- [1-2个追问]

📝 参考答案要点:
- [关键知识点]
- [代码示例(若适用)]

💡 延伸学习:
- [相关知识点推荐]

快速触发词

用户说动作
"出几道JS题" / "考我JS"模式1,读 javascript.md,出3道中级题
"模拟面试" / "开始面试"模式1,先询问目标级别和领域
"帮我出一套面试题"模式2,确认候选人信息
"解释一下XXX"模式3,直接知识点解析
"XX和YY的区别"模式3,对比解析
"我答XXX,帮我打分"模式1,评分+反馈

平台分布

OpenClaw

71.66%
按下载量换算636

安全审计

VirusTotal

通过

ClawScan

通过

Static analysis

通过

权限和风险

操作浏览器

该 Skill 可能涉及浏览器控制能力,使用时可能读取或操作网页内容,需要在受控环境中确认权限边界。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。目前只有一个公开来源,建议同时核对源仓库。

继续浏览同类 Skills