Communitygithub.com

designedbytaiyab/Netcore-Design-System-3.0

Claude, Cursor, Lovable 등 AI 에이전트가 생성하는 모든 UI에 Netcore 제품 디자인 시스템을 적용하는 스킬입니다 — Manrope 폰트, 브랜드 블루 #2F68E5, 흰색 입력 필드, 8px 모서리, Untitled UI 컴포넌트 구조에 Netcore 토큰 오버라이드를 사용합니다.

Netcore-Design-System-3.0란 무엇인가요?

이는 AI 기반 UI 생성 도구(Claude, Cursor, Lovable)를 위해 설계된 Netcore 디자인 시스템 적용 스킬입니다. 이 스킬은 AI가 생성하는 모든 UI 요소(버튼, 입력 필드, 카드, 레이아웃 등)에 Netcore의 일관된 디자인 규칙을 자동으로 적용하여, 브랜드 정체성을 유지하고 수동 수정 작업을 줄여줍니다. 핵심 규칙으로는 'Manrope' 폰트 사용, 브랜드 블루(#2F68E5) 적용, 8px 모서리 반경, 흰색 입력 필드 스타일, 그리고 Untitled UI 컴포넌트 구조에 Netcore 디자인 토큰을 오버라이드하는 방식이 포함됩니다. 개발자는 별도의 스타일 가이드 참조 없이도 일관된 UI를 빠르게 프로토타이핑할 수 있으며, 디자인 시스템의 변경 사항이 자동으로 반영되어 유지보수 비용을 절감할 수 있습니다.

지원 대상✓Claude Code~Codex CLI✓Cursor
npx skills add designedbytaiyab/Netcore-Design-System-3.0

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

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

문서

Netcore-Design-System-3.0은(는) 무엇을 하나요?

Claude, Cursor, Lovable 등 AI 에이전트가 생성하는 모든 UI에 Netcore 제품 디자인 시스템을 적용하는 스킬입니다 — Manrope 폰트, 브랜드 블루 #2F68E5, 흰색 입력 필드, 8px 모서리, Untitled UI 컴포넌트 구조에 Netcore 토큰 오버라이드를 사용합니다.

관련 스킬