-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
428 lines (414 loc) · 26.2 KB
/
Copy pathindex.html
File metadata and controls
428 lines (414 loc) · 26.2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; img-src 'self'; object-src 'none'; base-uri 'self'; form-action 'none'; upgrade-insecure-requests;">
<meta name="referrer" content="strict-origin-when-cross-origin">
<title>맥락지혜 연구실 | Contextual Wisdom Lab</title>
<meta
name="description"
content="맥락지혜 연구실은 흩어진 기업 자료를 맥락 안에서 판단 가능한 구조로 바꾸는 AI 의사결정 지원 시스템을 연구하고 만듭니다."
>
<meta property="og:title" content="Contextual Wisdom Lab">
<meta
property="og:description"
content="맥락지혜 연구실은 흩어진 기업 자료를 맥락 안에서 판단 가능한 구조로 바꾸는 연구 기반 프로젝트입니다."
>
<meta property="og:type" content="website">
<meta property="og:image" content="assets/context-wisdom-lab-avatar.png">
<link rel="icon" href="assets/context-wisdom-lab-avatar.png">
<!-- ⚡ Bolt: Preload custom font to reduce time to first paint -->
<link rel="preload" href="assets/fonts/PretendardVariable.woff2" as="font" type="font/woff2" crossorigin>
<!-- ⚡ Bolt: Preload hero image to optimize Largest Contentful Paint (LCP) -->
<link rel="preload" href="assets/context-thread-map.svg" as="image" fetchpriority="high">
<link rel="stylesheet" href="styles.css">
<script src="i18n.js" defer></script>
</head>
<body>
<a href="#top" class="skip-link" data-i18n="nav.skipToContent">본문으로 건너뛰기</a>
<header class="site-header">
<a class="brand" href="#top" aria-label="Contextual Wisdom Lab home">
<img src="assets/context-wisdom-lab-avatar.svg" alt="" width="44" height="44">
<span>Contextual Wisdom Lab</span>
</a>
<nav class="site-nav" aria-label="Primary navigation">
<a href="#principles" data-i18n="nav.intro">소개</a>
<a href="#problem" data-i18n="nav.problem">문제의식</a>
<a href="#dikw" data-i18n="nav.model">연구모형</a>
<a href="#evidence" data-i18n="nav.evidence">근거</a>
<a href="#naruon" data-i18n="nav.naruon">Naruon</a>
<a href="#projects" data-i18n="nav.projects">프로젝트</a>
<a href="#forks" data-i18n="nav.forks">Fork</a>
<a href="#work" data-i18n="nav.work">작업</a>
<a target="_blank" rel="noopener noreferrer" href="https://github.com/ContextualWisdomLab">GitHub</a>
</nav>
<div class="language-switch" role="group" aria-label="Language">
<button type="button" data-lang="ko" lang="ko" aria-pressed="true" aria-label="한국어">KO</button>
<button type="button" data-lang="en" lang="en" aria-pressed="false" aria-label="English">EN</button>
</div>
</header>
<main id="top" tabindex="-1">
<section class="hero">
<div class="hero-copy">
<h1 data-i18n="hero.title">맥락지혜 연구실</h1>
<p class="lab-name" data-i18n="hero.labName">Contextual Wisdom Lab</p>
<p class="thesis" data-i18n="hero.thesis">
구슬이 서 말이어도 꿰어야 보배이듯, 문서, 메일, 로그, 회의록을 맥락 안에서 엮어 사람이 무엇을 결정하고 무엇을 실행할지 보이게 하는 AI 의사결정 지원 시스템을 연구하고 만듭니다.
</p>
<div class="hero-actions" role="group" aria-label="Homepage actions">
<a target="_blank" rel="noopener noreferrer" class="button primary" href="https://github.com/ContextualWisdomLab" data-i18n="hero.primaryCta">GitHub 보기</a>
<a class="button secondary" href="#dikw" data-i18n="hero.secondaryCta">DIKW 보기</a>
</div>
</div>
<div class="hero-visual">
<img class="context-art" src="assets/context-thread-map.svg" alt="" aria-hidden="true" width="760" height="560" fetchpriority="high">
<div class="ladder" role="list" aria-label="Data to wisdom ladder">
<div class="ladder-row" role="listitem">
<span>Data</span>
<strong data-i18n="ladder.data">기록된 흔적 · 문서 · 메일 · 로그</strong>
</div>
<div class="ladder-row" role="listitem">
<span>Information</span>
<strong data-i18n="ladder.information">질문과 기준 안에서 해석된 자료</strong>
</div>
<div class="ladder-row" role="listitem">
<span>Knowledge</span>
<strong data-i18n="ladder.knowledge">관계, 원인, 제약으로 설명되는 구조</strong>
</div>
<div class="ladder-row" role="listitem">
<span>Wisdom</span>
<strong data-i18n="ladder.wisdom">판단과 실행으로 건너가기</strong>
</div>
</div>
</div>
</section>
<nav class="intro-lnb" aria-label="Introduction navigation">
<a href="#principles" data-i18n="nav.contextualWisdom">이름 뜻</a>
<a href="#problem" data-i18n="nav.problem">문제의식</a>
<a href="#dikw" data-i18n="nav.dikw">DIKW</a>
<a href="#evidence" data-i18n="nav.evidence">근거</a>
<a href="#references" data-i18n="nav.references">참고문헌</a>
<a href="#logo" data-i18n="nav.logo">로고</a>
<a href="#naruon" data-i18n="nav.naruon">Naruon</a>
<a href="#projects" data-i18n="nav.projects">프로젝트</a>
<a href="#forks" data-i18n="nav.forks">Fork</a>
</nav>
<section id="principles" class="section principles">
<div class="section-heading">
<h2 data-i18n="principles.title">맥락지혜는 맥락 안에서 판단을 세우는 방향입니다</h2>
<p data-i18n="principles.lead">Contextual Wisdom은 많이 아는 상태가 아니라, 구체적인 맥락 안에서 판단과 실행으로 건너가는 과정을 뜻합니다. 메일, 문서, 로그, 일정 사이의 흩어진 맥락을 묶어 오늘 결정할 것과 다음 행동을 보이게 합니다.</p>
</div>
<div class="principle-grid">
<article>
<h3 data-i18n="principles.oneTitle">앞뒤 사정 보기</h3>
<p data-i18n="principles.oneBody">같은 말과 기록도 상황이 바뀌면 뜻이 달라집니다. 목적, 제약, 이해관계, 시간 압박을 함께 봅니다.</p>
<dl class="detail-list">
<div>
<dt data-i18n="principles.purposeTitle">목적</dt>
<dd data-i18n="principles.purposeBody">그 기록이 왜 생겼는지 봅니다. 고객 요청 처리, 장애 원인 확인, 일정 조율처럼 문제의 방향을 정합니다.</dd>
</div>
<div>
<dt data-i18n="principles.constraintTitle">제약</dt>
<dd data-i18n="principles.constraintBody">권한, 예산, 일정, 보안처럼 선택을 제한하는 조건을 따로 표시합니다.</dd>
</div>
<div>
<dt data-i18n="principles.stakeholderTitle">이해관계</dt>
<dd data-i18n="principles.stakeholderBody">고객, 담당자, 승인자, 운영자 중 누가 영향을 받는지 연결합니다.</dd>
</div>
</dl>
</article>
<article>
<h3 data-i18n="principles.twoTitle">종합은 요약이 아닙니다</h3>
<p data-i18n="principles.twoBody">길이를 줄이는 데서 멈추지 않습니다. 증거, 맥락, 리스크, 선택지를 엮어 사람이 판단할 수 있는 구조를 만듭니다.</p>
<dl class="detail-list">
<div>
<dt data-i18n="principles.evidenceTitle">증거</dt>
<dd data-i18n="principles.evidenceBody">원문 메일, 회의록 문장, 로그, 첨부파일, VOC처럼 판단을 뒷받침하는 출처입니다.</dd>
</div>
<div>
<dt data-i18n="principles.contextTitle">맥락</dt>
<dd data-i18n="principles.contextBody">누가, 언제, 왜, 어떤 기준으로 남긴 기록인지 설명하는 주변 정보입니다.</dd>
</div>
<div>
<dt data-i18n="principles.riskTitle">리스크</dt>
<dd data-i18n="principles.riskBody">누락된 정보, 반례, 권한 충돌, 일정 지연처럼 결정을 틀리게 만들 수 있는 조건입니다.</dd>
</div>
<div>
<dt data-i18n="principles.optionTitle">선택지</dt>
<dd data-i18n="principles.optionBody">승인, 보류, 추가 확인, 위임, 일정 변경처럼 지금 실제로 고를 수 있는 행동입니다.</dd>
</div>
</dl>
</article>
<article>
<h3 data-i18n="principles.threeTitle">실행으로 이어가기</h3>
<p data-i18n="principles.threeBody">좋은 구조는 읽고 끝나지 않습니다. 결정할 것, 확인할 가정, 다음 행동, 위임과 기록으로 이어져야 합니다.</p>
<dl class="detail-list">
<div>
<dt data-i18n="principles.decisionTitle">결정할 것</dt>
<dd data-i18n="principles.decisionBody">지금 사람이 선택해야 하는 항목입니다. 예를 들면 승인 여부, 우선순위, 대응 범위입니다.</dd>
</div>
<div>
<dt data-i18n="principles.assumptionTitle">확인할 가정</dt>
<dd data-i18n="principles.assumptionBody">틀리면 결론이 바뀌는 전제입니다. 고객 영향, 장애 원인, 비용 추정이 여기에 들어갑니다.</dd>
</div>
<div>
<dt data-i18n="principles.actionTitle">다음 행동</dt>
<dd data-i18n="principles.actionBody">담당자, 기한, 산출물, 남길 기록까지 붙은 실행 단위입니다.</dd>
</div>
</dl>
</article>
</div>
</section>
<section id="problem" class="section problem">
<div class="section-heading">
<h2 data-i18n="problem.title">시작점은 인지 부하입니다</h2>
<p data-i18n="problem.lead">정보가 부족해서가 아니라, 판단해야 할 맥락이 흩어져 있어서 어렵습니다. 사람이 버거워지는 순간은 데이터가 많을 때가 아니라 맥락을 다시 조립해야 할 때입니다.</p>
</div>
<div class="problem-strip">
<article>
<h3 data-i18n="problem.oneTitle">흩어진 자료</h3>
<p data-i18n="problem.oneBody">메일에는 요청, 첨부에는 근거, 회의록에는 결정, 일정에는 기한이 따로 남습니다. 한 화면에 같이 있어야 판단할 수 있습니다.</p>
</article>
<article>
<h3 data-i18n="problem.twoTitle">사라지는 기준</h3>
<p data-i18n="problem.twoBody">승인한 이유, 보류한 조건, 당시 제약, 빠진 반례가 시간이 지나면 흐려집니다.</p>
</article>
<article>
<h3 data-i18n="problem.threeTitle">필요한 구조</h3>
<p data-i18n="problem.threeBody">오늘 결정할 것, 더 확인할 것, 맡을 사람, 기한, 남길 기록이 한 흐름으로 보여야 합니다.</p>
</article>
</div>
</section>
<section id="dikw" class="section dikw">
<div class="section-heading">
<h2 data-i18n="dikw.title">DIKW는 판단 흐름을 점검하는 질문입니다</h2>
<p data-i18n="dikw.lead">
PPTX의 흐름은 기업 자료, 맥락화, 판단 포인트, 실행 연결입니다. DIKW는 이 흐름을 자동 상승 위계로 보자는 말이 아니라, 자료가 판단 근거로 쓰일 준비가 되었는지 묻는 점검 질문입니다.
</p>
</div>
<!-- ⚡ Bolt: Lazy load off-screen image -->
<img class="section-diagram" src="assets/dikw-checkpoints.svg" alt="" aria-hidden="true" loading="lazy" width="1120" height="330">
<div class="dikw-grid">
<article>
<span>Data</span>
<h3 data-i18n="dikw.dataTitle">기업 자료</h3>
<p data-i18n="dikw.dataBody">메일 요청, 회의록 문장, 로그 오류, VOC, 일정 변경처럼 아직 서로 연결되지 않은 기록입니다.</p>
</article>
<article>
<span>Information</span>
<h3 data-i18n="dikw.infoTitle">맥락화</h3>
<p data-i18n="dikw.infoBody">작성자, 시점, 프로젝트, 고객, 권한, 의사결정 기준을 붙여 기록이 무엇을 뜻하는지 보이게 합니다.</p>
</article>
<article>
<span>Knowledge</span>
<h3 data-i18n="dikw.knowledgeTitle">판단 포인트</h3>
<p data-i18n="dikw.knowledgeBody">반복되는 패턴, 예외, 원인 후보, 제약, 담당 절차를 묶어 무엇을 판단해야 하는지 드러냅니다.</p>
</article>
<article>
<span>Wisdom</span>
<h3 data-i18n="dikw.wisdomTitle">실행 연결</h3>
<p data-i18n="dikw.wisdomBody">승인, 보류, 위임, 추가 확인처럼 가능한 선택을 비교하고 다음 담당자와 기한으로 연결합니다.</p>
</article>
</div>
</section>
<section id="evidence" class="section evidence">
<div class="section-heading">
<h2 data-i18n="evidence.title">그래서 화면은 이렇게 물어야 합니다</h2>
<p data-i18n="evidence.lead">기록을 모았다고 판단이 끝나지는 않습니다. 화면은 원문, 맥락, 리스크, 선택지를 분리해서 보여주고, 마지막에는 사람이 고를 수 있는 행동으로 좁혀야 합니다.</p>
</div>
<div class="evidence-grid">
<article>
<h3 data-i18n="evidence.dikwTitle">원문을 남깁니다</h3>
<p data-i18n="evidence.dikwBody">요약만 있으면 확인할 수 없습니다. 메일 원문, 회의록 문장, 로그 위치, 첨부파일을 함께 둡니다.</p>
</article>
<article>
<h3 data-i18n="evidence.wisdomTitle">맥락을 붙입니다</h3>
<p data-i18n="evidence.wisdomBody">누가, 언제, 어떤 고객과 프로젝트에서, 어떤 권한과 기준으로 남긴 기록인지 같이 보여줍니다.</p>
</article>
<article>
<h3 data-i18n="evidence.situatedTitle">리스크를 숨기지 않습니다</h3>
<p data-i18n="evidence.situatedBody">빠진 첨부, 다른 로그, 일정 충돌, 권한 충돌처럼 결론을 바꿀 수 있는 조건을 따로 표시합니다.</p>
</article>
<article>
<h3 data-i18n="evidence.synthesisTitle">행동으로 끝냅니다</h3>
<p data-i18n="evidence.synthesisBody">승인, 보류, 위임, 추가 확인 중 지금 가능한 선택을 보여주고 담당자, 기한, 남길 기록으로 이어갑니다.</p>
</article>
</div>
</section>
<section id="references" class="section references">
<div class="section-heading">
<h2 data-i18n="references.title">참고문헌</h2>
<p data-i18n="references.lead">DIKW를 그대로 믿지 않고 제품 원칙으로 옮기기 위해 참고한 자료입니다.</p>
</div>
<ol class="reference-list">
<li>
<span data-i18n="references.ackoff">Ackoff, R. L. (1989). From data to wisdom. Journal of Applied Systems Analysis, 16(1), 3-9.</span>
<a target="_blank" rel="noopener noreferrer" href="https://faculty.ung.edu/kmelton/documents/datawisdom.pdf">https://faculty.ung.edu/kmelton/documents/datawisdom.pdf</a>
</li>
<li>
<span data-i18n="references.baskarada">Baskarada, S., & Koronios, A. (2013). Data, information, knowledge, wisdom (DIKW): A semiotic theoretical and empirical exploration of the hierarchy and its quality dimension. Australasian Journal of Information Systems, 18(1).</span>
<a target="_blank" rel="noopener noreferrer" href="https://doi.org/10.3127/ajis.v18i1.748">https://doi.org/10.3127/ajis.v18i1.748</a>
</li>
<li>
<span data-i18n="references.fricke">Frické, M. (2009). The knowledge pyramid: A critique of the DIKW hierarchy. Journal of Information Science, 35(2), 131-142.</span>
<a target="_blank" rel="noopener noreferrer" href="https://doi.org/10.1177/0165551508094050">https://doi.org/10.1177/0165551508094050</a>
</li>
<li>
<span data-i18n="references.brienza">Brienza, J. P., Kung, F. Y. H., Santos, H. C., Bobocel, D. R., & Grossmann, I. (2018). Wisdom, bias, and balance: Toward a process-sensitive measurement of wisdom-related cognition. Journal of Personality and Social Psychology, 115(6), 1093-1126.</span>
<a target="_blank" rel="noopener noreferrer" href="https://doi.org/10.1037/pspp0000171">https://doi.org/10.1037/pspp0000171</a>
</li>
</ol>
</section>
<section id="logo" class="section logo-story">
<div class="logo-mark">
<!-- ⚡ Bolt: Lazy load off-screen image -->
<img src="assets/context-wisdom-lab-avatar.svg" alt="Contextual Wisdom Lab square mark" loading="lazy" width="500" height="500">
</div>
<div>
<h2 data-i18n="logo.title">로고는 흩어진 기록을 하나의 흐름으로 묶습니다</h2>
<p data-i18n="logo.lead">
사각형은 문서, 메일, 로그처럼 따로 남은 기록입니다. 선은 그 기록을 한 질문 아래 연결하는 흐름입니다.
끝점은 정답이 아니라 다음으로 확인하거나 선택할 지점입니다.
</p>
<dl class="logo-points">
<div>
<dt data-i18n="logo.layerTitle">흩어진 기록</dt>
<dd data-i18n="logo.layerBody">각 블록은 서로 다른 저장소에 남은 단서를 뜻합니다.</dd>
</div>
<div>
<dt data-i18n="logo.pathTitle">연결선</dt>
<dd data-i18n="logo.pathBody">선은 기록 사이의 관계를 따라가며 같은 사건, 같은 고객, 같은 결정으로 묶는 흐름입니다.</dd>
</div>
<div>
<dt data-i18n="logo.colorTitle">끝점</dt>
<dd data-i18n="logo.colorBody">마지막 점은 결론을 장식하는 표시가 아니라 사람이 다음 행동을 고르는 자리입니다.</dd>
</div>
</dl>
</div>
</section>
<section id="naruon" class="section naruon">
<div class="section-heading">
<h2 data-i18n="naruon.title">Naruon은 메일에서 시작하는 제품 실험입니다</h2>
<p data-i18n="naruon.lead">메일함은 메시지 목록이 아니라 요청, 첨부, 일정, 관계, 책임이 흐르는 곳입니다. Naruon은 그 흐름을 모아 오늘 판단할 일과 다음 행동을 보이게 하는 AI 워크스페이스입니다.</p>
</div>
<div class="naruon-grid">
<article>
<h3 data-i18n="naruon.oneTitle">흐름 수집</h3>
<p data-i18n="naruon.oneBody">메일, 첨부, 일정, 작업을 한 흐름으로 모읍니다.</p>
</article>
<article>
<h3 data-i18n="naruon.twoTitle">맥락 종합</h3>
<p data-i18n="naruon.twoBody">보낸 사람, 프로젝트, 관계, 타임라인, 근거를 연결합니다.</p>
</article>
<article>
<h3 data-i18n="naruon.threeTitle">판단과 실행</h3>
<p data-i18n="naruon.threeBody">대기 작업, 일정 충돌, 답장, 위임, 확인 요청으로 이어갑니다.</p>
</article>
</div>
</section>
<section id="projects" class="section projects">
<div class="section-heading">
<h2 data-i18n="projects.title">공개 프로젝트</h2>
<p data-i18n="projects.lead">Fork가 아니면서 공개된 제품과 도구 저장소입니다. 홈페이지, 조직 프로필처럼 운영과 소개를 위한 내부 관리용 저장소는 제외했습니다.</p>
</div>
<div class="naruon-grid project-grid">
<article>
<h3><a target="_blank" rel="noopener noreferrer" href="https://github.com/ContextualWisdomLab/naruon" data-i18n="projects.naruonTitle">Naruon</a></h3>
<p data-i18n="projects.naruonBody">메일, 첨부, 일정, 작업을 맥락으로 묶어 판단과 실행으로 연결하는 AI 이메일 워크스페이스입니다.</p>
</article>
<article>
<h3><a target="_blank" rel="noopener noreferrer" href="https://github.com/ContextualWisdomLab/pg-erd-cloud" data-i18n="projects.pgErdTitle">pg-erd-cloud</a></h3>
<p data-i18n="projects.pgErdBody">PostgreSQL 스키마를 리버스 엔지니어링하고 ERD와 DDL 공유 흐름으로 관리하는 클라우드 MVP입니다.</p>
</article>
<article>
<h3><a target="_blank" rel="noopener noreferrer" href="https://github.com/ContextualWisdomLab/bandscope" data-i18n="projects.bandscopeTitle">BandScope</a></h3>
<p data-i18n="projects.bandscopeBody">곡을 섹션, 역할, 템포, 연습 우선순위로 분석하는 로컬 우선 리허설 앱입니다.</p>
</article>
<article>
<h3><a target="_blank" rel="noopener noreferrer" href="https://github.com/ContextualWisdomLab/codec-carver" data-i18n="projects.codecCarverTitle">codec-carver</a></h3>
<p data-i18n="projects.codecCarverBody">긴 녹음을 메타데이터를 보존한 FLAC/Opus 조각으로 변환하는 Python CLI입니다.</p>
</article>
<article>
<h3><a target="_blank" rel="noopener noreferrer" href="https://github.com/ContextualWisdomLab/newsdom-api" data-i18n="projects.newsdomTitle">newsdom-api</a></h3>
<p data-i18n="projects.newsdomBody">스캔된 일본어 신문 PDF를 기사, 제목, 본문, 이미지 구조의 DOM형 JSON으로 파싱하는 API입니다.</p>
</article>
<article>
<h3><a target="_blank" rel="noopener noreferrer" href="https://github.com/ContextualWisdomLab/scopeweave" data-i18n="projects.scopeweaveTitle">scopeweave</a></h3>
<p data-i18n="projects.scopeweaveBody">트리 편집, 진행률 계산, CSV/JSON, 주간 Gantt를 지원하는 정적 HTML/CSS/JS WBS 플래너입니다.</p>
</article>
<article>
<h3><a target="_blank" rel="noopener noreferrer" href="https://github.com/ContextualWisdomLab/VibeSec" data-i18n="projects.vibesecTitle">VibeSec</a></h3>
<p data-i18n="projects.vibesecBody">바이브코딩 앱을 위한 보안 가드레일입니다. AI 개발 도구 규칙, 정적 점검, 리뷰와 수정 프롬프트를 다룹니다.</p>
</article>
</div>
</section>
<section id="forks" class="section forks">
<div class="section-heading">
<h2 data-i18n="forks.title">Fork 프로젝트는 따로 봅니다</h2>
<p data-i18n="forks.lead">맥락지혜 연구실이 직접 만든 프로젝트와 구분해, 외부 upstream에서 출발해 조직 안에서 검토하거나 확장하는 저장소입니다.</p>
</div>
<div class="naruon-grid">
<article>
<h3 data-i18n="forks.argosTitle">argos</h3>
<p data-i18n="forks.argosBody">Fork of vibemafiaclub/argos. Claude Code·Codex 팀의 토큰, 스킬, 세션 사용 패턴을 분석하는 애널리틱스입니다.</p>
</article>
<article>
<h3 data-i18n="forks.voosterTitle">vooster</h3>
<p data-i18n="forks.voosterBody">Fork of vibemafiaclub/vooster. 사람과 AI가 함께 제품 행동과 유스케이스를 관리하는 vspec 도구입니다.</p>
</article>
<article>
<h3 data-i18n="forks.voosterMvpTitle">vooster-v2-mvp</h3>
<p data-i18n="forks.voosterMvpBody">Fork of vibemafiaclub/vooster-v2-mvp. goals, features, specs 구조로 제품 행동 명세를 다루는 TypeScript CLI MVP입니다.</p>
</article>
</div>
</section>
<section id="work" class="section work">
<div>
<h2 data-i18n="work.title">연구에서 제품으로</h2>
<p data-i18n="work.lead">
맥락지혜 연구실은 한 문장으로 답하는 AI보다, 판단 전까지 사람이 손으로 하던 정리 일을 줄이는 시스템을 봅니다.
</p>
</div>
<ul class="work-list">
<li>
<span>01</span>
<strong data-i18n="work.oneTitle">맥락 구조</strong>
<p data-i18n="work.oneBody">관계, 출처, 기준, 리스크를 함께 보존하는 지식 구조.</p>
</li>
<li>
<span>02</span>
<strong data-i18n="work.twoTitle">판단 화면</strong>
<p data-i18n="work.twoBody">오늘 결정할 것과 확인할 가정을 드러내는 화면.</p>
</li>
<li>
<span>03</span>
<strong data-i18n="work.threeTitle">운영 기반</strong>
<p data-i18n="work.threeBody">인증, 권한, 보안, 감사, 사용량 책임이 작동하는 운영 기반.</p>
</li>
<li>
<span>04</span>
<strong data-i18n="work.fourTitle">작업 흐름</strong>
<p data-i18n="work.fourBody">반복 탐색은 줄이고 근거 확인과 사람의 판단은 남기는 흐름.</p>
</li>
</ul>
</section>
</main>
<footer class="site-footer">
<!-- ⚡ Bolt: Lazy load off-screen image -->
<img
id="footer-logo"
src="assets/context-wisdom-lab-logo.svg"
alt="맥락지혜 연구실 · Contextual Wisdom Lab"
loading="lazy"
width="920"
height="260"
>
<p>
<span data-i18n="footer.founded">Founded by</span>
<a target="_blank" rel="noopener noreferrer" href="https://github.com/seonghobae">Seongho Bae</a>.
<span data-i18n="footer.line">Context into judgment. Judgment into action.</span>
</p>
</footer>
</body>
</html>