#1
저장소 설명(원문)
Official AI skills for GSAP. These skills teach AI coding agents how to correctly use GSAP (GreenSock Animation Platform), including best practices, common animation patterns, and plugin usage.
9.7K Stars시도 가능MIT
설치 가능한 Skill Pack
디자인 Agent Agent 팩
모션, 디자인 시스템, UI 컴포넌트, 시각 제작 워크플로를 위한 Skill Pack입니다.
「디자인 Agent」을 위한 검토 가능한 출발점입니다.
10
선정 Skill
4
설치 순서
9.7K
도입 신호
실행 순서
Agent가 이 Pack을 사용하는 방법
- 01
목표 정의
설치 전 작업, 제약, 필요한 근거를 명확히 합니다.
- 02
Skill 선택
품질, 신뢰, 유지관리 신호가 분명한 소수의 Skill을 선택합니다.
- 03
안전하게 실행
관리된 워크스페이스에서 필요한 파일만 설치하고 권한을 먼저 검토합니다.
- 04
결과 검증
출력과 결과를 확인하고 높은 위험에는 사람의 승인을 남깁니다.
적합한 경우
- 디자인 Agent 워크플로
- 품질, 신뢰, 감사 신호를 확인한 선택
- 관리된 워크스페이스에서의 시험
먼저 검토할 경우
- 민감한 데이터나 운영 자격 증명에 검토 없이 접근해야 하는 경우
- 소스, 권한, 결과를 검토할 수 없는 경우
Agent 설치 계획
Agent가 실행할 수 있는 기계 판독 계획입니다.
Pack API는 설치 순서, 감사 URL, 검토 항목, 결과 보고 규약을 반환합니다. 먼저 이 페이지에서 맥락을 확인하고 정확한 JSON 계획은 API로 가져오세요.
텍스트 계획 열기설치 순서
- 01
- 02three scope map skill
신뢰 75/100 · 감사 82/100 · 시도 가능
npx skills add songsummer920-dazzle/three-scope-map-skill - 03
- 04
검토 항목
- 설치 전에 선택한 각 Skill의 감사 URL을 여세요.
- 먼저 샌드박스, 로컬 브랜치 또는 폐기 가능한 작업 공간에서만 설치하세요.
- 라이선스, 최근 저장소 활동, README/SKILL.md 완성도와 의존성 범위를 검토하세요.
- 운영 워크플로에 사용하기 전에 범위가 좁은 작업 하나를 실행하세요.
- 성공, 설정 마찰, 위험 차단 또는 낮은 품질의 결과를 결과 엔드포인트로 보고하세요.
결과 엔드포인트
POST https://www.openagentskill.com/api/agent/outcome추천 Skill
이 Pack의 설치 후보
#2
#3
저장소 설명(원문)
Generate production-ready Lottie animations with Claude Code or Codex
3.6K Stars시도 가능MIT
#4
저장소 설명(원문)
Give Claude Code expert knowledge of 2,500+ shadcn/ui blocks and components. This skill lets Claude intelligently select, install, and compose pre-built UI sections — from landing pages to dashboards to ecommerce flows — so you describe what you want and it picks the right pieces.
17 Stars검토 필요MIT
#5
저장소 설명(원문)
Convert any official website to design.md document
236 Stars검토 필요라이선스 알 수 없음
#6
저장소 설명(원문)
The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI
26K Stars시도 가능Apache-2.0
#7
저장소 설명(원문)
Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
25K Stars시도 가능Source terms (see source)
#8
저장소 설명(원문)
Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.
23K Stars시도 가능라이선스 알 수 없음
#9
저장소 설명(원문)
Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and wants the right word to prompt an AI or designer with. For naming an effect, not designing or building one.
17K Stars시도 가능MIT
#10
저장소 설명(원문)
Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
98K Stars시도 가능MIT