Communitygithub.com

cyxzdev/uncodixfy

프론트엔드 코드 생성 시 일반적인 AI/Codex UI 패턴을 방지합니다. HTML, CSS, React, Vue, Svelte 또는 모든 프론트엔드 UI 코드를 생성할 때 이 스킬을 사용하여 Linear, Raycast, Stripe, GitHub에서 영감을 받은 깔끔하고 인간적인 디자인 미학을 적용하고, 전형적인 AI 생성 UI 대신 사용하십시오.

uncodixfy란 무엇인가요?

이 스킬은 AI 어시스턴트(예: Claude Code, Cursor, Codex)가 프론트엔드 UI 코드를 생성할 때 흔히 보이는 'AI 생성 UI' 특유의 딱딱하고 지루한 디자인 패턴을 방지하기 위해 설계되었습니다. 이 스킬을 활성화하면, AI가 생성하는 HTML, CSS, React, Vue, Svelte 등의 코드에 Linear, Raycast, Stripe, GitHub과 같은 현대적인 제품에서 영감을 받은 깔끔하고 인간적인 디자인 미학이 강제로 적용됩니다. 개발자는 이 스킬을 사용함으로써 부트스트랩 스타일의 버튼, 과도한 그림자, 비대칭 그리드, 일관성 없는 여백과 같은 전형적인 AI 생성 패턴을 피하고, 더 정교하고 세련된 UI를 얻을 수 있습니다. 이 스킬은 모든 프론트엔드 프레임워크와 호환되며, AI 어시스턴트에게 디자인 선호도를 명확히 지시하는 방식으로 작동하여 사용자 경험을 크게 향상시킵니다.

지원 대상~Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/cyxzdev/uncodixfy/tree/main/skills/uncodixfy

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

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

문서

uncodixfy은(는) 무엇을 하나요?

프론트엔드 코드 생성 시 일반적인 AI/Codex UI 패턴을 방지합니다. HTML, CSS, React, Vue, Svelte 또는 모든 프론트엔드 UI 코드를 생성할 때 이 스킬을 사용하여 Linear, Raycast, Stripe, GitHub에서 영감을 받은 깔끔하고 인간적인 디자인 미학을 적용하고, 전형적인 AI 생성 UI 대신 사용하십시오.

관련 스킬