Community코딩 & 개발github.com

AgentsORG/design-engineering

디자인 엔지니어링을 위한 스킬 그래프: 애니메이션, 트랜지션, 취향, 타이포그래피, 색상, 컴포넌트, 안티패턴

design-engineering란 무엇인가요?

이 스킬은 AI 에이전트(예: Claude Code, Cursor, Codex)가 디자인 엔지니어링 작업을 수행할 수 있도록 지원하는 지식 그래프입니다. 애니메이션, 트랜지션, 취향(미적 감각), 타이포그래피, 색상, 컴포넌트 설계 및 안티패턴 식별 등 프론트엔드 개발에서 중요한 디자인 원칙과 구현 기법을 다룹니다. 개발자는 이 스킬을 통해 일관된 UI/UX를 유지하고, 성능과 접근성을 고려한 코드를 생성하거나 리뷰할 수 있습니다. 플랫폼 독립적으로 설계되어 다양한 AI 코딩 어시스턴트에서 사용할 수 있으며, 스킬의 마크다운 문서를 기반으로 에이전트가 맥락을 이해하고 관련 작업을 수행합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add AgentsORG/design-engineering

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

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

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

문서

design-engineering은(는) 무엇을 하나요?

디자인 엔지니어링을 위한 스킬 그래프: 애니메이션, 트랜지션, 취향, 타이포그래피, 색상, 컴포넌트, 안티패턴

관련 스킬