box-archi 님의 블로그

슬라이드

전체적인 내용은 유지하되 아래 가이드에 따라 애니메이션 슬라이드로 개선해줘 -배경 : webgl 세이더 -폰트 : 현재사용유지 -컬러 : 현재사용유지

• 그래픽과 텍스트 영역분리 - 텍스트 가독성 최우선, 그라디언트 텍스트 금지
• 장면마다 맥락에 맞는 추상 도형(원/링/선)또는 의미있는 상징적 그래픽 사용
• animations.jsx 스타터 컴포넌트 기반 (stage/sprite/usetime)

디자인.md(**awesome-design-md)←대기업들의 디자인 UI 참조**

디자인 기본안을 통한 슬라이드 작성

https://youtu.be/NnIuDXt-KKI?si=fWQ7rnsvUZq9kUnY

클로드 디자인으로 제작한 애플스타일 결과물(토큰이 너무많이들어 영상까지는 ㅠ)

오늘 한 일 요약

ecc-agentshield로 Claude Code 환경 보안 감사를 진행하고, 발견된 Critical 이슈들을 수동으로 수정했습니다.

1. AgentShield 보안 스캔 실행

npx ecc-agentshield scan

초기 결과 (수정 전)

항목 점수

• 전체 발견: 968개 (Critical 24, High 162, Medium 260, Low 513, Info 9)
• 자동 수정 가능: 69개
• 발견된 스킬: 243개 (계측 없음)

2. 수정 내용

~/.claude/mcp-configs/mcp-servers.json

YOUR_*_HERE 형태의 하드코딩 플레이스홀더를 환경변수 참조 형식으로 변경:

서버 변경 전 변경 후

~/.claude/settings.json

기본 permissions 블록 추가:

"permissions": {
  "allow": [
    "Read",
    "Glob",
    "Grep",
    "Bash(git *)",
    "Bash(npm run *)",
    "Bash(npx *)"
  ],
  "deny": []
}

3. 수정 후 결과

npx ecc-agentshield scan

항목 수정 전 수정 후

→ Secrets 항목 완전 해결

4. 남은 이슈

• Hooks (0/100): PostToolUse 훅 미설정 → /hookify로 개선 가능
• MCP Servers (0/100): 일부 플레이스홀더 잔존 (supabase project-ref 등)
• Permissions (26/100): 더 세밀한 권한 설정 필요
• Agents (0/100): 에이전트 계측(instrumentation) 미설정
• Skill Health: 243개 스킬 모두 미계측 (versioned/rollback-ready 0개)

관련 명령어

# 보안 스캔
npx ecc-agentshield scan

# 자동 수정 시도
npx ecc-agentshield scan --fix

# 훅 설정
/hookify