Communitygithub.com

husheng-web/personal-website-skills

기존 웹사이트에 증거 기반 포트폴리오 사례 연구를 구축하거나 업데이트합니다. 내러티브 사실과 미디어가 승인된 후에 사용하세요.

personal-website-skills란 무엇인가요?

이 스킬은 AI 에이전트가 기존 개인 웹사이트 레포지토리에서 프로젝트 사례 연구를 구현하거나 업데이트할 수 있도록 설계되었습니다. 불완전한 자료를 바탕으로 가공된 내러티브를 생성하지 않고, 승인된 사실과 미디어만 사용하여 정직하게 작업을 진행하는 것을 핵심으로 합니다. 작업 전 레포지토리의 프로젝트 레지스트리, 콘텐츠 계약, 케이스 컴포넌트, 로케일 처리 방식 및 기존 유사 사례를 검사하고, 승인된 사실과 미디어를 식별해야 합니다. 구현 시에는 승인된 내러티브는 콘텐츠 레이어에, 메타데이터는 레지스트리에, 레이아웃과 미디어 처리는 재사용 가능한 컴포넌트에 각각 올바르게 배치합니다. 지원되지 않는 섹션이나 블록은 렌더링하지 않으며, 불완전한 증거는 정직하게 생략하는 부분 케이스도 유효합니다. 로케일 처리는 신중하게 적용하며, 영어 경로를 채우기 위해 사실적 콘텐츠를 자동 번역하지 않습니다. 최종적으로 린트, 타입 검사, 프로덕션 빌드, 라우트, SEO 메타데이터, 키보드 링크, 이미지 로딩 및 모바일 오버플로우를 검증합니다.

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

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

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

문서

포트폴리오 케이스 제작

불완전한 자료로 가공된 내러티브를 만들지 않고 프로젝트 사례를 구현합니다.

편집 전

레포지토리의 프로젝트 레지스트리, 콘텐츠 계약, 케이스 컴포넌트, 로케일 처리 방식 및 기존 유사 사례를 검사합니다. 실제로 승인된 사실과 미디어를 식별합니다.

구현 형태

  • 아이덴티티, 라우트/상태, 간결한 메타데이터는 레지스트리에 유지합니다. 승인된 내러티브는 레포지토리의 설정된 콘텐츠 계층에 배치합니다. 레이아웃과 미디어 처리는 재사용 가능한 컴포넌트에 유지합니다.
  • 지원되는 섹션과 블록만 렌더링합니다. 사용 가능한 증거가 없을 때 정직하게 생략하는 부분 케이스는 유효합니다.
  • 로케일별 콘텐츠는 의도적으로 첨부합니다. 영어 경로를 단순히 채우기 위해 사실적 콘텐츠를 자동 번역하지 마십시오.
  • 호스트 계약이 요구하는 경우에만 의미 있는 대체 텍스트와 알려진 치수와 함께 미디어를 추가합니다. 의도된 읽기 너비를 유지하고 밀집된 다이어그램을 모바일 레이아웃에 강제로 맞추지 마십시오.

검증

관련 린트, 타입 및 프로덕션 빌드 검사를 실행합니다. 대상 로케일 라우트, 보류/부분 동작, SEO 메타데이터, 키보드 링크, 이미지 로딩 및 모바일 오버플로우를 확인합니다. 사용된 승인된 콘텐츠를 나머지 격차와 별도로 보고합니다.

경계

이 스킬을 사용하여 새로운 디자인 시스템을 만들거나 승인되지 않은 공개 주장을 하지 마십시오. 소스 자료가 모호한 경우 먼저 콘텐츠 인테이크를 사용하십시오.

Individual skills in this repo

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

관련 스킬