프론트 UI 스킬 레포 모음
1/ anthropics/skills
Anthropic 제작
https://github.com/anthropics/skills
frontend-design이 AI가 맨날 뽑는 비슷한 UI를 막고, 제품에 맞는 색깔·글씨·배치를 정하게 함.
설치
npx skills add https://github.com/anthropics/skills --skill frontend-design
2. emilkowalski/skills
Emil Kowalski - Linear 웹팀, 전 Vercel
https://github.com/emilkowalski/skills
모션 특화 레포, apple-design, emil-design-eng,animate, review-animations, find-animation-opportunities, ask-sonner등 다양하게 있음
설치
npx skills add emilkowalski/skills
3. MengTo/Skills
Meng To
Design+Code
https://github.com/MengTo/Skills
랜딩, 모션, WebGL, CSS 디테일 대형 모음.
beautiful-shadows는 카드/모달 그림자를 덜 탁해보이게 해줌
설치
npx skills add https://github.com/MengTo/Skills --skill beautiful-shadows
4. addyosmani/web-quality-skills
Addy Osmani - 구글 크롬쪽 엔지니어
https://github.com/addyosmani/web-quality-skills
accessibility 외에 성능, Core Web Vitals, SEO, 전체 감사도 있음.
설치
npx skills add addyosmani/web-quality-skills
5. Superfuture/design-review
Joey Primiani - LinkedIn 시니어 프로덕트 디자이너
https://github.com/Superfuture/design-review
화면 리뷰 전용 레포.
URL, 스크린샷, 코드를 보고 고칠 점을 심각도순으로 찍어줌.
설치
npx skills add https://github.com/Superfuture/design-review --skill design-review
6. shadcn-ui/ui
shadcn
https://github.com/shadcn-ui/ui
shadcn/ui 본체 + 스킬.
버튼·모달·탭을 처음부터 만들지 말고 있는 컴포넌트를 조립하게 함.
설치
npx skills add https://github.com/shadcn-ui/ui --skill shadcn
7. pbakaus/impeccable
Paul Bakaus - jQuery UI 만든 사람, 전 구글
https://github.com/pbakaus/impeccable
설치
npx skills add https://github.com/pbakaus/impeccable --skill adapt
8. jakubkrehel/skills
Jakub Krehel
https://github.com/jakubkrehel/skills
인터페이스 종합 점검 가능
설치
npx skills add jakubkrehel/skills
hub.com/wshobson/agents --skill interaction-design
Post #6116
366
Forwarded from 나의 문어 선생님 (AI & 마케팅)
