Communitygithub.com

se7enclaude/se7en-clip

se7en (다운로드 및 업스케일)의 브랜드에 맞는 인터페이스와 에셋을 제작하는 스킬입니다. 프로덕션 코드나 프로토타입/목업 등에 활용할 수 있는 디자인 가이드라인, 색상, 폰트, 에셋, UI 키트 컴포넌트를 제공합니다.

se7en-clip란 무엇인가요?

이 스킬은 'se7en' 브랜드의 일관된 시각적 아이덴티티를 유지하면서 UI/UX 디자인 및 프로토타이핑을 빠르게 진행할 수 있도록 도와줍니다. 디자인 가이드라인, 색상 팔레트, 타이포그래피, 폰트, 아이콘 에셋, 그리고 UI 키트 컴포넌트가 포함되어 있어, 브랜드 규칙을 준수하는 정적 HTML 파일이나 프로덕션 코드를 손쉽게 생성할 수 있습니다. 사용자가 별도의 지침 없이 스킬을 호출하면, AI가 전문 디자이너처럼 질문을 통해 요구사항을 파악하고 HTML 아티팩트나 프로덕션 코드를 출력합니다. Claude Code, Cursor 등 다양한 AI 에이전트 플랫폼에서 활용 가능하며, README.md 파일과 함께 제공되는 에셋 파일들을 참조하여 최적의 결과물을 얻을 수 있습니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/se7enclaude/se7en-clip/tree/HEAD/design-system

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

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

문서

이 스킬 내의 readme.md 파일을 읽고, 다른 사용 가능한 파일들을 탐색하세요.

시각적 결과물(슬라이드, 목업, 임시 프로토타입 등)을 만들 때는 에셋을 복사하여 사용자가 볼 수 있는 정적 HTML 파일을 생성하세요. 프로덕션 코드를 작업할 때는 에셋을 복사하고 여기에 적힌 규칙을 숙지하여 이 브랜드 디자인 전문가처럼 작업할 수 있습니다.

사용자가 별도의 지침 없이 이 스킬을 호출하면, 무엇을 만들거나 디자인할지 질문하고, 요구사항을 파악한 후 전문 디자이너로서 HTML 아티팩트 또는 프로덕션 코드를 필요에 따라 출력하세요.

관련 스킬