avatar
ding.one
157,397명의 트위터 팔로워
팔로우하기
Product designer & design engineer • Former @BeWaterOfficial‣ @realMaskNetwork‣@OPPO‣@36Kr and many others. Newsletter: https://quail.ink/dingyi
포스팅
avatar
ding.one
03-17
스레드
현재 시장에서 활용 가능한 디자인 기술을 요약해 보겠습니다. 1. 흠잡을 데 없는 17가지 디자인 명령어(/polish, /audit, /distill 등)를 활용하여 프런트엔드 디자인 능력을 향상시켰습니다. impeccable.style 2. UI 스킬 여기에는 기본 UI(Tailwind 디자인 일관성), 접근성 개선(접근성 감사), 메타데이터 개선(SEO 메타데이터), 모션 성능 개선(애니메이션 성능), 애니메이션 12원칙(디즈니 애니메이션 원칙) 등 15가지 독립적인 기술이 포함됩니다. ui-skills.com 3. 맛 감별 능력 여기에는 감각적 기술(프론트엔드 디자인), 재설계 기술(기존 프로젝트 업그레이드), 출력 기술(AI가 완전한 코드를 작성하도록 강제하는 것), 그리고 소프트 스킬(고급스러운 느낌을 주는 디자인, 고급 글꼴, 충분한 여백, 레이어드 카드 디자인, 부드러운 스프링 애니메이션, 플로팅 내비게이션 등)이 포함됩니다. github.com/Leonxlnx/taste-skil...… 4. 더 나은 아이콘 MCP 서버 + 스킬: 20만 개 이상의 아이콘을 검색 및 불러오고, 자주 사용하는 아이콘 라이브러리를 자동으로 학습하며, 프로젝트의 아이콘 파일과 직접 동기화합니다. github.com/better-auth/better-...… 5. UI 디자인 브레인 레이아웃 패턴, 접근성 규칙, 안티 패턴을 포함한 60개 이상의 구성 요소 관련 모범 사례 라이브러리로, 5가지 디자인 스타일(SaaS, 미니멀리스트, 엔터프라이즈, 크리에이티브, 데이터 대시보드)을 지원합니다. github.com/carmahhawwari/ui-de...… 6. Motion사의 AI 키트(299달러) Motion+ 회원은 애니메이션 전문가 기술, 성능 감사, CSS Spring 생성, 전환 시각화 및 문서 검색 도구를 포함한 독점 기능을 이용할 수 있습니다. motion.dev/docs/ai-kit
loading indicator
Loading..