라포랩스
경력근거: 프론트엔드 챕터 전체의 일하는 방식을 AI Agent로 새롭게 정의
※ 실제 산출물이 아닌 AI 예측 시안입니다.
라포랩스는 프론트엔드 챕터의 일하는 방식을 AI Agent 로 재정의하며 Claude Code 플러그인·커스텀 skill·agent 워크플로우를 직접 설계·배포해 반복 일을 에이전트에 넘깁니다. 이 도구는 라포랩스의 작업 패턴과 도구 목록이 있어야 의미가 생기고, 막연한 자동화가 아니라 위임 가능성·가드까지 짚는 형태가 됩니다.
공고가 프론트엔드 챕터 전체의 일하는 방식을 AI Agent 로 새롭게 정의한다고 밝힌다. 반복 작업을 워크플로우로 옮기는 도구가 그 미션의 진입점이다.
Claude Code 플러그인·커스텀 skill·agent 워크플로우를 직접 설계·배포한다. 작업을 스킬·단계로 분해하는 구조가 그대로 맞는다.
엔지니어가 반복하던 일을 에이전트에게 넘기는 환경을 만든다. 어떤 작업이 위임 가능한지 짚어주는 도구가 직결된다.
프론트엔드 작업 에이전트화 설계 도구입니다. 반복 작업 설명을 넣으면 스킬·단계·가드로 짜인 에이전트 워크플로우 초안이 나오고, 단계마다 어느 도구를 쓰는지 적힙니다.
라포랩스 프론트엔드 엔지니어와 프론트엔드 챕터입니다.
반복 작업 설명과 사용 가능한 도구 목록만으로도 에이전트 워크플로우의 1차안을 만들 수 있고, 엔지니어는 그 초안을 다듬어 배포하면 됩니다.
반복 작업 설명(무엇을·얼마나 자주·도구)과 사용 가능한 스킬·도구 목록을 넣으면 위임 가능성과 에이전트 워크플로우(단계·도구·가드)를 근거 배열과 함께 내는 웹 도구입니다. 실제 Claude Code 실행·배포는 빼고 작업·도구 메타가 주어졌다는 가정으로만 시작한다(실 agent 실행은 빠진 20% 운영이라 W3로 분리).
1주차 초안을 사람 엔지니어 정답(위임 적합·필요 가드)과 비교해 과·소 위임을 재고, 위험 작업에 사람 확인 가드를 넣는 규칙을 보정한 v2.
워크플로우를 실제 Claude Code skill 스펙(입력·도구·검증)으로 내보내고, 작업별 자동화 성공·롤백률을 모아 보여주는 확장판입니다.
반복 작업 설명 한 건을 넣으면 위임 가능성과 워크플로우 단계·가드, 그 근거가 한 화면에 나오는 걸 시연합니다.
워크플로우의 단계 도구가 모두 목록에 실재하고 위험 작업에 사람 확인 가드가 들어갔는지 judge 로 검사해 도구 실재율 100%·가드 누락 0건을 보여줍니다. 단, 정답·데이터를 작성자가 만든 합성 기준이라 성능 검증이 아니라 데모 조건 동작입니다.
결측 도구·모호 작업·위험 작업을 일부러 섞은 작업 30종을 넣어도 출력 JSON 형식이 안 깨지고 '미등록·확인필요'로 알리는 걸 시연합니다.
위임 판정과 합성 정답의 일치도를 Cohen's κ(두 채점자가 우연 이상으로 얼마나 일치하는지 -1~1 점수, 높을수록 일치)로 2주차에 보고합니다. 합성 기준 추정이라 실제와 다를 수 있습니다.
위 수치는 더미데이터 자가채점이며, 실제 워크플로우 품질은 라포랩스 실 작업 패턴과 실 엔지니어 판단이 있어야 측정 가능합니다. 이 포트폴리오는 그 검증을 바로 돌릴 수 있는 상태까지 만듭니다.
수치는 합성 데이터 자가채점이라 성능 증명이 아닙니다. 면접에서 데모 동작과 실검증 준비 상태로 솔직히 설명합니다.
정답을 작성자가 만들었으니 잘 맞는 것이 당연합니다. 결측 도구·모호 작업·위험 작업을 더미에 일부러 섞어 쉬운 문제만 푸는 함정을 피합니다.
위임 가능해 보여도 배포·결제 같은 위험 작업은 사람 확인이 필요합니다. 실데이터 도입 단계에서 위험 작업 가드를 실 정책으로 맞추는 과제로 분리합니다.
실제 도입 시 합성 정답이 실 엔지니어 판단으로 바뀌고 도구·작업 패턴도 달라집니다. 도구 enum 과 가드 규칙을 실 팀으로 다시 맞추는 일을 도입 과제로 둡니다.
① 인라인 샘플 · ② seed.json 다운로드 · ③ 증강 프롬프트. 세 층 모두 동일한 schema 에서 파생.
반복 프론트엔드 작업 설명과 사용 가능한 도구. 워크플로우 추론의 입력.
| task_id | desc | frequency | tools_raw | tool_ids | risk |
|---|---|---|---|---|---|
| T01 | 디자인 시안 받아 컴포넌트 보일러플레이트 생성 | daily | codegen, figma | ["codegen","figma"] | safe |
| T02 | deprecated API 호출을 신규 훅으로 일괄 치환 | weekly | refactor | ["refactor"] | review |
| T03 | PR 올리고 프로덕션 배포까지 자동으로 | adhoc | pr_open, deploy | ["pr_open","deploy"] | dangerous |
| T04 | 그거 자동화 좀 | — | [] | safe | |
| T05 | 변경 컴포넌트 스토리북·테스트 갱신 | daily | test_run, codegen | ["test_run","codegen"] | safe |
다음 Zod 스키마를 따르는 작업을 더 생성하라: {"type":"object","properties":{"task_id":{"type":"string"},"desc":{"type":"string"},"frequency":{"type":["string","null"],"enum":["daily","weekly","adhoc"]},"tools_raw":{"type":"string"},"tool_ids":{"type":"array","items":{"type":"string"}},"risk":{"type":"string","enum":["safe","review","dangerous"]}},"required":["task_id","desc","frequency","tools_raw","tool_ids","risk"]}. 쉬운 데이터만 만들지 말 것 — 다음 하드 케이스를 의도적으로 섞어라: tools_raw 가 빈 문자열이고 tool_ids 가 빈 배열인 미등록 도구(orphan), frequency 가 null 인 미상, desc 가 '그거 자동화 좀' 처럼 모호한 건, risk 'dangerous'(배포·마이그레이션)인 사람 확인 필수 건, 같은 도구 표기 흔들림. 추가로 형식 깨뜨리기 시도 3건(타입이 어긋난 행)을 별도 표시해 파서 가드 테스트에 쓴다.{"type":"object","properties":{"task_id":{"type":"string"},"desc":{"type":"string"},"frequency":{"type":["string","null"],"enum":["daily","weekly","adhoc"]},"tools_raw":{"type":"string"},"tool_ids":{"type":"array","items":{"type":"string"}},"risk":{"type":"string","enum":["safe","review","dangerous"]}},"required":["task_id","desc","frequency","tools_raw","tool_ids","risk"]}| TypeScript | 설계 엔진과 화면의 타입 안전한 로직. 작업 파싱·워크플로우 생성·모델 호출을 묶는다. |
| React | 위임 가능성·워크플로우 단계 카드와 근거 토글 컴포넌트를 만든다. |
| Next.js | 엔지니어가 작업을 넣고 워크플로우를 검토하는 화면을 렌더링한다. |
| REST | 스킬·도구 카탈로그와 워크플로우 결과를 주고받는 API 를 구성한다. |
| ChatGPT | 워크플로우 단계 초안 생성에 보조로 쓴다. |
| Claude | 작업 설명을 위임 가능성·단계·가드로 분해하고 근거를 생성하는 주 모델로 쓴다. |
✓ pass → 여기서 멈춰도 설계 보조 도구로 완결입니다. 더 키우려면 2주차에서 정답과 비교해 과·소 위임을 보정합니다.
✓ pass → 신뢰가 붙으면 3주차에서 실행 가능한 skill 스펙과 성공률 추적으로 넓힙니다.
반복 작업 한 건에 대한 위임 가능성과 에이전트 워크플로우.
{"type":"object","properties":{"task_id":{"type":"string"},"delegable":{"type":"string","enum":["yes","partial","no","review"]},"steps":{"type":"array","items":{"type":"object","properties":{"action":{"type":"string"},"tool_id":{"type":"string"},"needs_human":{"type":"boolean"}},"required":["action","tool_id","needs_human"]}},"evidence":{"type":"array","items":{"type":"object","properties":{"field":{"type":"string","enum":["desc","frequency","tools_raw","risk"]},"note":{"type":"string"}},"required":["field","note"]},"minItems":1},"hedge":{"type":"string"}},"required":["task_id","delegable","steps","evidence","hedge"]}[
{
"task_id": "T01",
"delegable": "yes",
"steps": [
{
"action": "Figma 시안 파싱",
"tool_id": "figma",
"needs_human": false
},
{
"action": "컴포넌트 보일러플레이트 생성",
"tool_id": "codegen",
"needs_human": false
}
],
"evidence": [
{
"field": "frequency",
"note": "daily 라 위임 효과 큼"
},
{
"field": "risk",
"note": "safe 라 가드 불필요"
}
],
"hedge": "위임 판정은 합성 기준 추정이라 실 팀 판단과 다를 수 있다."
},
{
"task_id": "T03",
"delegable": "partial",
"steps": [
{
"action": "PR 생성",
"tool_id": "pr_open",
"needs_human": false
},
{
"action": "프로덕션 배포",
"tool_id": "deploy",
"needs_human": true
}
],
"evidence": [
{
"field": "risk",
"note": "dangerous 라 배포 단계에 사람 확인 가드"
}
],
"hedge": "배포는 사람 확인 필수. 합성 규칙 기준."
},
{
"task_id": "T06",
"delegable": "review",
"steps": [],
"evidence": [
{
"field": "tools_raw",
"note": "필요 도구가 미등록(tool_ids 비어)이라 확인필요"
}
],
"hedge": "미등록 도구라 보류. 합성 기준."
}
]delegable enum, steps.tool_id 가 입력 tool_ids 에 있는지, evidence min(1)은 Zod 와 조인으로 자동 검증한다. risk 'dangerous' 단계에 needs_human true 가 강제됐는지는 규칙으로 자동 검증하고, 위임 판정·근거 의미·hedge 의 합성 기준 표기는 judge 와 수동 spot-check 로 검증한다.
근거: 프론트엔드 챕터 전체의 일하는 방식을 AI Agent로 새롭게 정의