frontend-architecture SKILL.md skillA
frontend-architecture 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-architecture@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-architecture/SKILL.md- Versions recorded
- 1
- Latest version
- git:20260920.a4843f5, committed Sep 20, 2026
- Size
- 7,229 bytes
- Repository stars
- 24
- License
- MIT
前端架构深挖：状态与数据流、服务端组件、BFF、契约与类型共享、微前端、设计系统、测试。.
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
## 面试官在意什么 这本是前端往工程与架构方向的深挖：一个多人维护、多端复用的前端系统怎么组织。面试官看的是取舍能不能落到团队规模：BFF 该不该建、状态放哪层、类型怎么共享、微前端还是 monorepo、组件库怎么升级不 break 业务。2026 年新增的追问是服务端组件把数据获取移到服务端后，客户端状态管理还剩什么、缓存与失效谁负责。 ## 项目 / 实习怎么深挖 简历上出现下面这类经历时从哪里切、追什么。追到候选人能说出机制、数字的来源与一次真实的故障或取舍才算实；只有框架名与结论、说不出自己那一段的，记为危险信号。通用的追问方法见 project-deep-dive。 - 简历出现状态管理方案 → 追为什么选它、服务器状态与 UI 状态怎么分、URL 是不是状态源、出过什么状态不一致 - 简历出现 Server Components / Actions → 追哪些组件在服务端、数据获取与缓存怎么做、客户端状态还剩什么 - 简历出现 BFF → 追聚合了几个下游、超时熔断、最慢接口、为什么不让前端直接调 - 简历出现 monorepo / 共享类型 / 微前端 → 追共享了什么、一次改动影响面怎么控、构建时间、隔离怎么做、比另一种方案多解决了什么 - 简历出现组件库 / 设计系统 → 追按需加载、主题定制、可访问性、版本升级怎么不 break - 简历出现前端测试 → 追测什么层、覆盖率数字、flaky 怎么治、一次靠测试拦下的问题 ## 常见失守与危险信号 - 状态管理与数据流：所有状态一律扔进全局 store；分不清服务器状态和 UI 状态；没意识到 URL 也是状态源 - 服务端组件与数据获取：认为 RSC 就是 SSR；不知道服务端组件不能用 hooks；缓存与失效说不清谁负责 - BFF 与数据聚合层：把 BFF 当万能层塞业务逻辑；下游多个接口串行 await 却不知道 - 前后端契约与类型共享：接口靠口头约定；把后端实体直接暴露给前端；monorepo 就是"放一个仓库" - 微前端与 monorepo：为了"独立部署"上微前端却没有团队边界；样式与全局变量隔离没做 - 设计系统与组件库：按需加载靠运气；主题靠覆盖样式；升级 break 业务 - 测试策略：只有单测或只有 E2E；flaky 靠重跑；不知道测什么层 - 可访问性与国际化：认为可访问性就是"给图片加 alt"；用 div 做按钮；不知道 Intl API ## 常考主题清单 只列名字、阶梯与答实的标志，作"问到哪一层算实"的参考；问哪些、问几道由这份 JD 与这份简历定，不是配额。 ### 状态管理与数据流（框架无关） …
Read the whole file at its exact version.
How to install
mdr add yuecao365/offercome/frontend-architecture@sha256:1e8d484c419bb5c9The 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_cc5abc2cckudlrc4)
5 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 1 version of this file, committed on Sep 20, 2026.
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 (7229 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_cc5abc2cckudlrc4 GET https://markdownregistry.com/api/v1/resolve?ref=yuecao365/offercome/frontend-architecture GET https://markdownregistry.com/api/v1/blob/1e8d484c419bb5c98e693abb573b307af08a33bf5cd845b3eb34ba834be5ded8
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