스킬 찾기

서식과 레이아웃의 재현성을 고려해 .docx 문서를 읽고 새로 만들고 편집하도록 돕습니다. Word 문서의 내용과 외관을 함께 다루는 작업에 사용합니다.

• 기존 .docx 문서 읽기
• 서식이 있는 Word 문서 작성
• 문서의 외관을 유지하며 편집

fal.ai로 사람이 말하는 영상을 만들고 입 모양을 음성과 동기화합니다. 설명용 아바타, 다국어 더빙 미리보기, 소셜 미디어용 짧은 영상에 사용합니다.

• 설명하는 아바타 영상 제작
• 다국어 더빙 미리보기 생성
• 음성과 영상 속 입 모양 동기화

복고풍 픽셀 스타일의 세 장면 영상을 Hyperframes용 HTML로 만듭니다. 제목과 색상을 바꾸고 장면 전환과 움직임을 갖춘 구성으로 완성합니다.

• 픽셀 스타일의 소개 영상을 만들 때
• 세 장면 영상의 내용을 교체할 때
• HTML에서 장면 전환을 확인할 때

fal.ai의 AI 모델로 이미지와 동영상을 생성하도록 에이전트에 요청합니다. Flux, SDXL, ideogram 등의 모델을 지정하는 진입점으로 활용합니다.

• fal.ai로 이미지 생성하기
• fal.ai로 동영상 생성하기
• 이미지 생성 모델 지정하기

D3.js로 데이터를 탐색하며 읽을 수 있는 대화형 차트와 도표를 만듭니다. 다양한 예제를 바탕으로 보고서, 대시보드, 데이터 기반 시제품에 활용합니다.

• 확대 가능한 차트로 매출 살펴보기
• 데이터 사이의 관계 시각화하기
• 날짜별 추세를 색으로 표시하기

React, Tailwind CSS, shadcn/ui를 사용해 여러 구성 요소를 조합한 claude.ai용 HTML 아티팩트를 제작하는 스킬입니다.

• claude.ai용 HTML을 만들 때
• 여러 구성 요소로 화면을 시제품화할 때
• React와 shadcn/ui로 제작할 때

아직 형태가 잡히지 않은 아이디어를 단계적인 질문과 대안 검토로 구체적인 디자인으로 정리합니다. 초기 구상에서 나아갈 방향을 좁히는 데 사용합니다.

• 대략적인 아이디어 구체화
• 콘셉트의 다른 방향 검토
• 질문을 통한 초기 구상 정리

fal.ai에서 제공하는 복원 모델로 사진과 문서 이미지의 화질을 복원합니다. 흐림 완화, 노이즈 제거, 얼굴 화질 보정, 오래된 문서 이미지 복원을 다룹니다.

• 이미지의 흐림을 줄일 때
• 사진의 노이즈를 제거할 때
• 얼굴 화질을 보정할 때

버튼과 알림 등의 세부 동작을 검토하고 조작에 맞는 움직임과 반응을 설계합니다. 애니메이션 필요성부터 CSS 구현, 접근성까지 살펴봅니다.

• 애니메이션이 필요한지 판단합니다
• 버튼과 알림의 조작감을 다듬습니다
• 변경 전후의 UI 코드를 비교합니다

브라우저나 Electron에서 이미지가 저장되지 않거나 0 KB 파일로 내보내지는 문제를 조사합니다. 이미지 데이터 생성과 저장 경로를 나눠 원인을 찾고 수정합니다.

• 내보낸 이미지가 0 KB인 원인을 찾습니다
• 저장 대화상자와 쓰기 오류를 조사합니다
• Electron 이미지 저장을 수정합니다

fal.ai의 실시간 및 스트리밍 이미지 생성으로 무드보드의 방향을 탐색하고 초안 이미지의 여러 변형을 만듭니다. 창작 초기에 다양한 안을 반복해서 시도할 수 있습니다.

• 무드보드의 시각적 방향을 탐색합니다
• 초안 이미지의 여러 변형을 생성합니다
• 창작 초기의 안을 반복해서 시도합니다

브라우저에서 페이지를 살펴보고 클릭, 입력, 화면 캡처, 정보 추출을 수행합니다. OpenDesign의 로컬 미리보기를 중심으로 웹 앱의 동작과 품질을 확인합니다.

• OpenDesign 미리보기를 확인합니다
• 웹 앱의 클릭과 입력을 테스트합니다
• 페이지나 요소의 화면을 캡처합니다

색채 과학 자료를 바탕으로 배색과 글자 대비 확인을 돕습니다. 색 이름 짓기, 안료 혼합, 역사적 색채 이론 등 창작에 필요한 색 관련 질문을 다룹니다.

• 디자인의 배색을 구상합니다
• 글자와 배경의 대비를 확인합니다
• 색의 이름을 정합니다

릴리스 후 공개 패키지, 운영 서비스와 설치된 플러그인을 확인합니다. 늦게 도착한 CI 결과와 버그 보고도 추적하며 허용된 범위에서 수정을 진행합니다.

• 공개된 패키지 내용 확인
• 운영 환경의 변경 경로 검증
• 설치된 플러그인 버전 확인

코딩 작업을 하위 에이전트에 맡겨 build 실행, 준비된 PR 병합, 갱신된 main에서의 release를 순서대로 자동화합니다.

• 구현부터 릴리스까지 맡기고 싶을 때
• PR 병합과 배포 작업을 연결할 때
• build와 release를 연속 실행할 때

릴리스 작업을 하위 에이전트에 맡기고 claude-mem의 version-bump 다음에 childhood를 실행해 두 단계의 진행을 자동화합니다.

• 릴리스 작업을 하위 에이전트에 위임
• version-bump 다음에 childhood 실행
• 두 단계의 릴리스를 한 번에 요청

Screenpipe에 기록된 화면 글자와 음성을 주제, 시간, 앱으로 검색합니다. 다른 앱에서 본 내용이나 회의를 돌아보고 필요한 정보만 claude-mem에 저장할 수 있습니다.

• 다른 앱에서 본 내용을 찾을 때
• 녹음된 회의를 돌아볼 때
• 검색한 핵심 내용을 메모리에 저장할 때

Claude Code 플러그인의 설정 파일 버전을 통일하고 빌드 검증, 태그 생성, GitHub 릴리스와 변경 이력 생성을 거쳐 npm 공개까지 진행합니다.

• 변경 내용에 맞는 버전 결정
• 플러그인 설정의 버전 통일
• GitHub 릴리스와 변경 이력 생성

claude-mem이 작업을 기록하고 다음 세션에 기억을 전달하는 과정을 설명합니다. 기억의 적용 시점과 저장 위치, 외부로 전송되는 정보도 확인할 수 있습니다.

• claude-mem의 작업 기록 방식 이해
• 기억이 프롬프트에 반영되는 시점 확인
• 기억 데이터와 설정의 저장 위치 확인

여러 작업 트리, 브랜치, PR의 변경을 에이전트끼리 비교합니다. 중복과 충돌을 정리하고 통합 대상, 병합 순서, 사람이 결정할 사항을 하나의 계획으로 만듭니다.

• 여러 브랜치의 통합 계획 수립
• 변경 중복과 구현 차이 비교
• 최근 작업 트리 일괄 확인

기능 추가나 여러 단계의 개발을 위해 공식 자료와 기존 구현 예시를 조사합니다. 사용자에게 보일 완성 목표부터 단계별 작업, 참고 위치, 검증 방법까지 계획으로 정리합니다.

• 기능 추가를 위한 구현 순서 정리
• 구현 전에 API의 문서 근거 확인
• 여러 대화로 개발 작업 나누기

claude-mem에 세션을 넘어 저장된 기억에서 과거 결정, 해결 방법, 작업 이력을 단계적으로 검색합니다. 필요한 정보만 확인하며 명확한 검색은 자동으로 진행할 수도 있습니다.

• 이전 세션에서 내린 결정 확인
• 해결한 문제의 대응 방법 검색
• 인계 전 작업 이력 확인

코드를 기능별 흐름도로 정리하고 중복 로직을 조사합니다. 근거가 있는 통합안과 각 시스템을 `/make-plan`에 넘길 요청문을 작성합니다.

• 리팩터링 전 기능별 처리 흐름 파악
• 기능 내부와 기능 간 중복 로직 조사
• 통합안과 기존 호출 위치 비교

화면이나 제품 디자인을 Dieter Rams의 10가지 원칙으로 점검하고 근거와 함께 채점합니다. 신규 설계·개선·재설계 방향을 판단하고 실행 계획용 요청문으로 정리합니다.

• Dieter Rams의 10가지 원칙으로 UI 점검
• 화면 개선과 재설계 중 방향 결정
• 근거를 바탕으로 화면 문구와 사용성 점검