Communitygithub.com

포트폴리오 미디어 에셋 운영

승인된 미디어 파일을 웹사이트에 사용할 수 있는 에셋으로 안전하게 변환합니다.

포트폴리오 미디어 에셋 운영란 무엇인가요?

이 스킬은 개발자 또는 AI 에이전트가 포트폴리오 웹사이트에 사용될 이미지 및 문서 에셋을 안전하게 준비, 최적화 및 등록할 수 있도록 지원합니다. 기존 미디어 디렉토리 규칙과 코드 참조를 검사한 후에만 에셋을 변경하며, 원본 에셋의 출처와 승인 상태, 미디어 역할, 원본 크기, 대상 형식 및 의도된 반응형 사용법을 기록합니다. 또한 최적화된 파생본을 생성하되 사용자의 명시적 허가 없이 원본을 삭제하지 않으며, 모든 관련 레지스트리/콘텐츠 참조, 크기, 지역화된 대체 텍스트를 함께 업데이트합니다. 이 스킬은 실제 프로젝트 자료를 생성된 이미지로 대체하거나, 소유권이 없는 자료에 대한 권리를 암시하거나, 일상적인 최적화 과정에서 원본을 삭제하지 않도록 경계를 설정합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/husheng-web/personal-website-skills/tree/HEAD/skills/portfolio-media-asset-ops

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

포트폴리오 미디어 에셋 운영은(는) 무엇을 하나요?

승인된 미디어를 웹사이트에 사용할 수 있는 에셋으로 안전하게 변환합니다.

워크플로우

  1. 이름 변경, 교체 또는 변환 전에 기존 미디어 디렉토리 규칙과 모든 코드/데이터 참조를 검사합니다.
  2. 원본 출처, 승인 상태, 미디어 역할, 원본 크기, 대상 형식 및 의도된 반응형 사용법을 기록합니다.
  3. 사용자가 명시적으로 삭제를 승인하지 않는 한, 가장 작은 적합한 최적화 파생본을 사용하고 승인된 원본 에셋을 유지합니다.
  4. 모든 필수 레지스트리/콘텐츠 참조, 크기 및 지역화된 대체 텍스트를 함께 업데이트합니다.

점검 사항

프로덕션 빌드에서 경로가 확인되는지, 이미지가 왜곡 없이 로드되는지, 가장 큰 렌더링 크기에서 시각적 품질이 충분한지, 장식용 이미지가 오해의 소지가 있는 대체 텍스트 대신 올바르게 표시되는지 확인합니다. 커버 에셋의 데스크톱 및 모바일 크롭 동작을 테스트합니다.

경계

실제 프로젝트 자료를 생성된 이미지로 대체하지 않으며, 로컬 소지에서 권리가 발생한다고 암시하지 않으며, 일상적인 최적화의 일환으로 원본을 삭제하지 않습니다.

Individual skills in this repo

This repo contains 7 individual skills — each has its own dedicated page.

관련 스킬