Agent skill
static-site-generator
Build a markdown-based static site generator with zero dependencies. Use when implementing a blog generator, markdown-to-HTML converter, static site build pipeline, or template engine from scratch using pure Node.js.
Install this agent skill to your Project
npx add-skill https://github.com/revfactory/claude-code-harness/tree/main/experiments/results/case-005/harness/.claude/skills/static-site-generator
SKILL.md
Static Site Generator
모듈 아키텍처
bin/
blog.js - CLI 엔트리포인트
src/
builder.js - 빌드 오케스트레이터
markdown.js - 마크다운->HTML 변환기
frontmatter.js - YAML frontmatter 파서
highlight.js - 코드 구문 하이라이팅
template.js - 템플릿 엔진 ({{var}}, {{#each}}, {{#if}})
new-post.js - 새 포스트 생성
server.js - 로컬 개발 서버
templates/
layout.html - 기본 레이아웃
post.html - 포스트 템플릿
index.html - 인덱스 템플릿
tag.html - 태그 페이지 템플릿
빌드 파이프라인 워크플로우
- posts/ 내 *.md 파일 스캔
- 각 파일에서 frontmatter 추출 + 마크다운 파싱
- 날짜순 정렬
- 태그 수집 및 그룹화
- 개별 포스트 HTML 생성 -> dist/posts/
- 인덱스 페이지 생성 -> dist/index.html
- 태그별 페이지 생성 -> dist/tags/
- 태그 인덱스 생성 -> dist/tags.html
- CSS 복사 -> dist/style.css
핵심 제약
- 외부 의존성 0개 (순수 Node.js)
- 각 모듈은 독립적으로 테스트 가능해야 함
- CSS는 별도 파일로 분리
- 반응형 디자인 적용
상세 변환 규칙과 테스트 전략은 references/patterns.md 참조.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
revfactory/claude-code-harness
interpreter-design
Programming language interpreter design and implementation guide. Use when the user requests building an interpreter, parser, lexer, or language implementation — including Pratt parsing, AST evaluation, scope chains, and closures.
revfactory/claude-code-harness
express-api-design
Express.js REST API design and implementation guide. Use when implementing REST API endpoints, creating Express routes, or setting up API project structure with MVC pattern.
revfactory/claude-code-harness
query-engine-design
SQL query engine design and implementation guide. Use when the user requests building a SQL engine, query parser, query planner, or query executor — including in-memory storage, SQL parsing, and query optimization.
revfactory/claude-code-harness
api-documentation
Write accurate and complete library API documentation. Use when creating API docs, README files, or function reference documentation. Ensures all signatures, parameters, return types, and examples are precise.
revfactory/claude-code-harness
async-debugging
Analyze and fix race conditions and concurrency bugs in async code. Use when debugging async bugs, fixing race conditions, resolving concurrency issues, or when shared state is accessed by multiple async operations.
revfactory/claude-code-harness
reactive-spreadsheet-design
리액티브 스프레드시트 엔진 설계 가이드. 셀 수식 파싱, 의존성 그래프(DAG), 증분 재계산, 내장 함수 구현 시 사용한다.
Didn't find tool you were looking for?