Files
our-claude-skills/ourdigital-custom-skills/21-jamie-brand-guardian/templates/html/report-template.html
Andrew Yim 341d5f5a5b Initial commit: Claude Skills Factory with 8 refined custom skills
Custom Skills (ourdigital-custom-skills/):
- 00-ourdigital-visual-storytelling: Blog featured image prompt generator
- 01-ourdigital-research-publisher: Research-to-publication workflow
- 02-notion-organizer: Notion workspace management
- 03-research-to-presentation: Notion research to PPT/Figma
- 04-seo-gateway-strategist: SEO gateway page strategy planning
- 05-gateway-page-content-builder: Gateway page content generation
- 20-jamie-brand-editor: Jamie Clinic branded content GENERATION
- 21-jamie-brand-guardian: Jamie Clinic content REVIEW & evaluation

Refinements applied:
- All skills converted to SKILL.md format with YAML frontmatter
- Added version fields to all skills
- Flattened nested folder structures
- Removed packaging artifacts (.zip, .skill files)
- Reorganized file structures (scripts/, references/, etc.)
- Differentiated Jamie skills with clear roles

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-10 17:56:04 +09:00

130 lines
3.4 KiB
HTML

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{TITLE}} | 제이미성형외과</title>
<link rel="stylesheet" href="../styles/jamie-brand.css">
<style>
/* Additional inline styles for standalone HTML */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
</style>
</head>
<body>
<!-- Cover Page -->
<div class="jamie-cover">
<div class="jamie-cover-logo">
<!-- SVG Logo Placeholder -->
<svg width="120" height="120" viewBox="0 0 120 120" fill="none">
<circle cx="60" cy="60" r="58" stroke="#79A233" stroke-width="4"/>
<text x="60" y="70" text-anchor="middle" fill="#79A233" font-size="32" font-weight="bold">J</text>
</svg>
</div>
<h1>{{TITLE}}</h1>
<p class="subtitle">{{SUBTITLE}}</p>
<p class="meta">
제이미성형외과<br>
{{DATE}}
</p>
</div>
<!-- Document Content -->
<div class="jamie-document">
<!-- Header -->
<header class="jamie-header">
<div class="jamie-header-text">
<span class="jamie-header-title">제이미성형외과</span>
</div>
<div class="jamie-header-text">
<span class="jamie-header-title">{{DOCUMENT_TYPE}}</span>
</div>
</header>
<!-- Executive Summary -->
<section class="jamie-section">
<div class="jamie-section-header">
<span class="jamie-section-number">1</span>
<h2>개요</h2>
</div>
<div class="jamie-card jamie-card-accent">
<p>{{SUMMARY}}</p>
</div>
</section>
<!-- Key Findings -->
<section class="jamie-section">
<div class="jamie-section-header">
<span class="jamie-section-number">2</span>
<h2>주요 내용</h2>
</div>
<div class="jamie-callout">
<div class="jamie-callout-title">핵심 포인트</div>
<ul class="jamie-list">
<li>{{KEY_POINT_1}}</li>
<li>{{KEY_POINT_2}}</li>
<li>{{KEY_POINT_3}}</li>
</ul>
</div>
{{CONTENT}}
</section>
<!-- Recommendations -->
<section class="jamie-section">
<div class="jamie-section-header">
<span class="jamie-section-number">3</span>
<h2>권장 사항</h2>
</div>
<div class="jamie-two-col">
<div class="jamie-card">
<h4>✅ Do's</h4>
<ul class="jamie-checklist">
{{DOS_LIST}}
</ul>
</div>
<div class="jamie-card">
<h4>❌ Don'ts</h4>
<ul class="jamie-list">
{{DONTS_LIST}}
</ul>
</div>
</div>
</section>
<!-- Status / Results -->
<section class="jamie-section">
<div class="jamie-section-header">
<span class="jamie-section-number">4</span>
<h2>결과</h2>
</div>
<table class="jamie-table">
<thead>
<tr>
<th>항목</th>
<th>상태</th>
<th>비고</th>
</tr>
</thead>
<tbody>
{{TABLE_ROWS}}
</tbody>
</table>
</section>
<!-- Footer -->
<footer class="jamie-footer">
<p>
<strong>제이미성형외과</strong> | Jamie Plastic Surgery Clinic<br>
본 문서는 내부 검토용으로 작성되었습니다.<br>
{{DATE}} | Confidential
</p>
</footer>
</div>
</body>
</html>