القائمة
높은 디자인 품질의 개성 있는 프로덕션급 프론트엔드 인터페이스를 만듭니다. 사용자가 웹 컴포넌트, 페이지, 애플리케이션을 만들고자 하며 시각 방향이 코드 품질만큼 중요할 때 사용합니다.
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
يتجاوز الأمر المباشر Prompt المخصّص للمراجعة. افحص المصدر قبل تشغيله.
npx skills add https://github.com/SAM42-Lab/everything-claude-code-kr --skill frontend-designيبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.
تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.
استنادا إلى تصنيف SOC المهني
عرض SKILL.md
| name | frontend-design |
| description | 높은 디자인 품질의 개성 있는 프로덕션급 프론트엔드 인터페이스를 만듭니다. 사용자가 웹 컴포넌트, 페이지, 애플리케이션을 만들고자 하며 시각 방향이 코드 품질만큼 중요할 때 사용합니다. |
| origin | ECC |
이 스킬은 단순히 "동작하게 만들기"가 아니라 "디자인된 것처럼 보이게 만들기"가 목표일 때 사용합니다.
제품 페이지, 대시보드, 앱 셸, 컴포넌트, 시각 시스템처럼 일반적인 AI UI가 아니라 분명한 관점을 가져야 하는 작업에 적합합니다.
방향을 고르고 끝까지 밀어붙입니다.
안전한 평균 UI는 강하고 일관된 미학보다 보통 못합니다.
코딩 전에 다음을 확정합니다.
가능한 방향 예시:
방향을 가볍게 섞지 않습니다. 하나를 고르고 깔끔하게 실행합니다.
다음을 정의합니다.
CSS 변수나 프로젝트 토큰 시스템을 사용해 인터페이스가 커져도 일관되게 유지합니다.
다음을 선호합니다.
명백히 맞는 경우가 아니라면 대칭 카드 그리드로 습관적으로 돌아가지 않습니다.
애니메이션은 다음에 사용합니다.
일반적인 마이크로 인터랙션을 사방에 흩뿌리지 않습니다.
분위기를 씁니다.
플랫하고 빈 배경이 정답인 경우는 드뭅니다.
다음으로 습관적으로 돌아가지 않습니다.
전달 전에:
