framer-design-skill은(는) 무엇을 하나요?
Agent Skills 생태계에 등록된 sotoia/framer-design-skill의 GitHub 저장소입니다.
이 스킬은 Framer 디자인 작업을 자동화하고, 에이전트 기반 디자인 워크플로우를 구축하는 데 도움을 줍니다. Framer의 기능을 최대한 활용하여 인터랙티브 프로토타입, 컴포넌트 시스템, 그리고 디자인 토큰을 관리할 수 있습니다.
주요 기능
- 디자인 시스템 구축: Framer에서 재사용 가능한 컴포넌트와 스타일 가이드를 생성합니다.
- 프로토타입 자동화: 사용자 플로우와 인터랙션을 자동으로 생성합니다.
- 에이전트 통합: Claude Code, Cursor, Codex 등 다양한 AI 에이전트와 연동됩니다.
시작하기
- 저장소를 클론합니다:
git clone https://github.com/sotoia/framer-design-skill.git
- 필요한 종속성을 설치합니다:
npm install
- 환경 변수를 설정합니다:
export FRAMER_API_KEY="your_framer_api_key"
사용 방법
이 스킬을 에이전트와 함께 사용하여 Framer 프로젝트를 관리하세요. 예를 들어:
- "Framer에서 새로운 버튼 컴포넌트를 생성해줘"
- "현재 디자인 시스템에 다크 모드를 추가해줘"
라이선스
이 프로젝트는 MIT 라이선스에 따라 사용할 수 있습니다.