frontend SKILL.md skillA
frontend from yuecao365/offercome is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add yuecao365/offercome/frontend@git:20260920.a4843f5Pins git:20260920.a4843f5 in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- yuecao365/offercome
- Path
src/lib/mock-interviews/skills/frontend/SKILL.md- Versions recorded
- 4
- Latest version
- git:20260920.a4843f5, committed Sep 20, 2026
- First version recorded
- Aug 17, 2026
- Size
- 11,668 bytes
- Repository stars
- 24
- License
- MIT
前端怎么面（框架无关）：浏览器渲染、JS/TS 机制、构建、HTTP 缓存、Web 安全。前端与全栈岗读。.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
## 面试官在意什么 前端工程师（也叫 Web 前端、大前端、H5 开发、Frontend Engineer）的日常是把设计稿和接口变成用户可用、可维护、可度量的页面与应用：搭建工程脚手架与构建流水线、写业务组件与状态逻辑、对接接口并处理错误与鉴权、盯性能与线上报错、兼容各种浏览器和 WebView。真实面试里框架无关的部分占了一半以上：浏览器怎么把代码变成像素、JS 的异步与作用域到底怎么运转、打包产物为什么大、首屏为什么慢、请求为什么跨域失败、XSS 从哪进来。面试官最在意三件事：一是有没有从"用户可感知现象"倒推到原理的能力（白屏、卡顿、闪烁、内存涨），二是有没有量化习惯（性能优化必须说出测量手段与前后数字），三是工程判断力——为什么选这个构建工具、为什么这样拆包、这个规范在团队里怎么落地。 校招侧重语言与浏览器基础：事件循环、原型链、闭包、TS 类型系统、HTTP 缓存、跨域、手写 Promise/防抖等；社招侧重工程与线上问题：构建体积治理、首屏指标优化、监控体系、微前端或 Monorepo 的取舍、Web 安全事故复盘。一线大厂与外企近年更爱给一个具体页面或线上现象让候选人现场排查，纯"讲讲原型链"这类题正在减少，但作为筛选门槛依然存在。 怎么问才像这个方向的面试官： - 前端题从"用户可感知的现象"切入：白屏、卡顿、闪烁、内存涨、发版后旧页面，先问定位再问原理，不问名词解释。 - 性能与体积题必须要求给出测量手段与前后数字，"感觉快了"不算答案；追问的下一句永远是"你怎么证明"。 - 工程化题结合候选人项目规模：个人项目问打包产物分析与缓存策略，团队项目问构建提速、规范落地与多人协作下的依赖治理。 - 不考工具时效：不问"Vite 最新版本改了什么"，考的是构建原理与选型判断；框架特有考点（Hooks、响应式）交给 stack 包，这里只考框架无关的部分。 - 全栈岗用一个跨端故障场景逼候选人选边深挖：先问"你先查前端还是后端、为什么"，再顺着他选的那一侧追到排查层；后端一侧的深挖用 backend 包，这里只管 BFF、渲染策略与契约。 - 2026 年框架层的分水岭是服务端组件与编译器：React 19 的 Server Components、Actions 与 React Compiler，Vue 3.5 的响应式重写与 Vapor 模式。这些在 react / vue 细节包里；这里只考框架无关的浏览器与语言机制，但会追候选人"什么该在服务端渲染、什么该在客户端"的判断。 ## 项目 / 实习怎么深挖 简历上出现下面这类经历时从哪里切、追什么。追到候选人能说出机制、数字的来源与一次真实的故障或取舍才算实；只有框架名与结论、说不出自己那一段的，记为危险信号。通用的追问方法见 project-deep-dive。 …
Read the whole file at its exact version.
How to install
mdr add yuecao365/offercome/frontend@sha256:5ee57a0c7979c673The line at the top of this page pins the label git:20260920.a4843f5, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
[](https://markdownregistry.com/a/art_47wy3gx2jokgef4b)
4 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 4 versions of this file, between Aug 17, 2026 and Sep 20, 2026, about one every 11 days.
| version | committed | commit | size | audit | |
|---|---|---|---|---|---|
| git:20260920.a4843f5 latest | 2026-09-20 | a4843f5 | 11,668 B | A | view · diff |
| git:20260919.2ea5304 | 2026-09-19 | 2ea5304 | 14,148 B | A | view · diff |
| git:20260908.a2a662c | 2026-09-08 | a2a662c | 16,941 B | A | view · diff |
| git:20260817.f3a9563 | 2026-08-17 | f3a9563 | 2,205 B | A | view |
Audit of the latest version
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (11668 bytes)
- pass: No zero-width or bidi control characters
- pass: No instruction hidden inside an HTML comment
- pass: No link to an exfiltration or paste host
- pass: No credential-shaped string
- pass: No instruction to send local credentials anywhere
- pass: No text hidden with inline styles
- pass: No prompt-injection phrasing
- pass: No curl or wget piped into a shell
- pass: No recursive delete of root, home or parent
- pass: No instruction to read or print local credentials
- pass: No base64 blob over 200 characters
- pass: No link to a raw IP address
- pass: No script tag
Source
yuecao365/offercome · 24 stars · license MIT · pushed 2026-10-01 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_47wy3gx2jokgef4b GET https://markdownregistry.com/api/v1/resolve?ref=yuecao365/offercome/frontend GET https://markdownregistry.com/api/v1/blob/5ee57a0c7979c673d2ab1afd96159c6b033d6cfa776ff7257c4ff0abb6edbda0
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.
More from yuecao365/offercome
Every file in yuecao365/offercome