Home / leeyudok / doksam-skills · skills/frontend-build/SKILL.md · GitHub

frontend-build skillA

frontend-build is agent-read markdown (skill) from leeyudok/doksam-skills: pnpm 워크스페이스와 Vite 빌드를 설정·정비하거나, 의존성·락파일·번들 크기·폐쇄망 self-host 문제를 다룰 때 사용한다. 프레임워크 자체의 코드 작성이 아니라 빌드/패키징 층이 대상이다..

Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified against the hash recorded here before it reaches your agent. The deterministic audit below grades the latest version, and the same file always earns the same grade.

What the file says

# frontend-build

빌드·패키징 층을 담당한다. 컴포넌트 코드는 `react-expert` 가 맡는다.

이 문서는 **모델이 이미 아는 일반론을 적지 않는다.** 버전별 함정, 실측으로 확인한 사실,
doksam 고유 규약, 그리고 판단이 갈리는 지점만 담는다.

## 0. 먼저 확정할 것

1. **산출물이 어디로 가는가** — 정적 호스팅 / 다른 언어 바이너리에 내장(`go:embed` 등) /
   컨테이너. 내장이면 §4 를 반드시 읽는다. 뒤늦게 바꾸면 `.gitignore` 와 빌드 순서가 전부 얽힌다.
2. **폐쇄망인가** — 그렇다면 외부 CDN·폰트·원격 이미지가 0건이어야 한다(§3).
3. **패키지 매니저** — 레포에 이미 있는 락파일을 따른다. 섞지 않는다(§1).

## 1. pnpm

### 락파일이 곧 계약이다

- 설치는 CI·재현 환경에서 **`pnpm install --frozen-lockfile`**. 락파일이 어긋나면 조용히
  올려버리는 대신 실패해야 한다.
- 락파일을 지우고 다시 만드는 것은 "고치는" 게 아니라 **의존성 트리 전체를 바꾸는 변경**이다.
  원인 파악 없이 삭제·재생성하지 않는다.
- `package.json` 과 락파일은 **항상 같은 커밋**에 들어간다.

### lifecycle 스크립트는 기본 차단이다

pnpm 10부터 의존성의 install 스크립트가 기본으로 실행되지 않는다. `esbuild`·`sharp` 처럼
네이티브 바이너리를 내려받는 패키지는 **명시 허용**이 필요하다.

```jsonc
// package.json
"pnpm": { "onlyBuiltDependencies": ["esbuild", "sharp"] }
```

증상이 "빌드는 되는데 런타임에 바이너리가 없다"로 나타나므로, 이 계열 오류를 보면
설치 로그의 차단 경고부터 확인한다. **아무거나 허용 목록에 넣지 않는다** — 임의 코드 실행이다.

### 워크스페이스

- `pnpm-workspace.yaml` 이 패키지 경계다. 루트에는 도구만 두고 앱 의존성을 올리지 않는다.
- 패키지 간 참조는 `"workspace:*"`. 버전 번호를 손으로 맞추지 않는다.
- 특정 패키지에서 실행: `pnpm --filter <pkg> build`. 루트에서 `cd` 로 들어가지 않는다.
…

Read the whole file at its exact version.

How to install

Latest version
mdr add leeyudok/doksam-skills/frontend-build@git:20260803.36bddec
Exact content
mdr add leeyudok/doksam-skills/frontend-build@sha256:47af0ed7547e71f6

Pin to a label to follow the author's releases, or to a sha256 to freeze the exact bytes forever. Either way the resolved hash is written to mdr.lock, and mdr install reproduces it on any machine.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_3knjyid47xstbsse.svg)](https://markdownregistry.com/a/art_3knjyid47xstbsse)

1 badge views in 30 days

Versions

versioncommittedcommitsizeaudit
git:20260803.36bddec latest2026-08-03 36bddec 9,725 BA view

Audit of the latest version

A  17 of 17 checks passed. Deterministic, no model, same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (9725 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

GitHub

leeyudok/doksam-skills · 12 stars · license MIT · pushed 2026-09-23 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_3knjyid47xstbsse
GET https://markdownregistry.com/api/v1/resolve?ref=leeyudok/doksam-skills/frontend-build
GET https://markdownregistry.com/api/v1/blob/47af0ed7547e71f622657fd32b72be15b225dbc8e23cde5a541a46ec6f94c5d5

Your agent 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.

More from leeyudok/doksam-skills

AGENTS.md agents
leeyudok/doksam-skills · AGENTS.md
git:20260823.e6897b6 · audit A · 12 stars
CLAUDE.md claude
leeyudok/doksam-skills · CLAUDE.md
git:20260725.cd734ff · audit B · 12 stars
db-expert skill
leeyudok/doksam-skills · skills/db-expert/SKILL.md · 관계형 스키마를 설계·검토하거나 인덱스·쿼리 튜닝·트랜잭션·마이그레이션을 다룰 때, 그리고 doksam pig 의 공유 PostgreSQL 클러스터를 운영할 때 사용한다. SQLite 고유 주제는…
git:20260922.6ef3683 · audit A · 12 stars
doksam-ui skill
leeyudok/doksam-skills · skills/doksam-ui/SKILL.md · doksam 프로젝트의 UI 를 만들거나 수정할 때, 사용자가 "ui.doksam.com 참고" / "doksam-ui" / "독삼 표준 UI" 라고 말할 때, 프론트엔드 작업이 doksam 인프라를 대상으로 할…
git:20260802.0245e6a · audit B · 12 stars
finguard skill
leeyudok/doksam-skills · skills/finguard/SKILL.md · FinGuard CLI로 소스코드 취약점을 점검하고 심각도 기반 보안 게이트와 제한된 수정·재검증 루프를 수행할 때 사용한다. 일반 코드 품질 리뷰나 SCA·모의해킹은 범위 밖이다.
git:20260822.5b50a42 · audit A · 12 stars
go-expert skill
leeyudok/doksam-skills · skills/go-expert/SKILL.md · Go 코드를 작성·리뷰·리팩터링하거나 에러 처리, 동시성, 테스트, net/http 서버, go:embed 를 다룰 때 사용한다. Go 1.22+ 기준.
git:20260803.36bddec · audit A · 12 stars
handoff skill
leeyudok/doksam-skills · skills/handoff/SKILL.md · 세션을 끊고 다음 세션에 넘긴다 — 협업 인프라(GitHub·GitLab·Forgejo·Jira·Plane·Slack)가 있으면 재개 가능한 상태를 그 트래커 이슈 본문으로 남기고 HANDOFF.md 에는 이슈…
git:20260923.9bb4288 · audit B · 12 stars
memory-factcheck skill
leeyudok/doksam-skills · skills/memory-factcheck/SKILL.md · 에이전트 영속 메모리를 실제 근거(코드·DB·이슈 트래커·파일시스템)와 대조해 낡은 기억을 교정하고 죽은 기억을 아카이브 후보로 보고하는 감사 스킬. 메모리가 ~30개 파일을 넘었을 때, 큰 스택/인프라…
git:20260801.f018038 · audit A · 12 stars
mobile-web-planner skill
leeyudok/doksam-skills · skills/mobile-web-planner/SKILL.md · 사용자가 모바일 웹/앱의 기획서 / 화면설계서 / 스토리보드(storyboard) / 와이어프레임(wireframe) / IA / 화면기획을 요청할 때 도메인 불문(쇼핑, 커뮤니티, 예약, 뉴스, O2O, ...)…
git:20260922.6ef3683 · audit B · 12 stars
nextjs-implementer skill
leeyudok/doksam-skills · skills/nextjs-implementer/SKILL.md · mobile-web-planner의 Storyboard와 Business Rules를 동작하는 웹앱으로 구현할 때 사용한다. 프론트는 Next.js App Router 또는 Vite + React SPA 중…
git:20260823.e6897b6 · audit B · 12 stars
react-expert skill
leeyudok/doksam-skills · skills/react-expert/SKILL.md · React 컴포넌트를 설계·구현·리팩터링하거나 상태 관리, useEffect 남용, 리렌더 성능, 접근성 문제를 다룰 때 사용한다. React 19 기준.
git:20260922.6ef3683 · audit A · 12 stars
sdlc-orchestrator skill
leeyudok/doksam-skills · skills/sdlc-orchestrator/SKILL.md · 사용자가 "홈페이지 만들어줘" 등 단일 요청으로 서비스 전체 제작을 원할 때 기획(mobile-web-planner), 구현(nextjs-implementer), 보안(finguard)을 순차적으로 위임하고…
git:20260822.a48271f · audit A · 12 stars

Every file in leeyudok/doksam-skills

Browse by kind, by grade A, or by owner.