총 22건 · 필터: AI KIT
리모션에서 테일윈드CSS 사용하기.
리모션에서 테일윈드CSS 사용하기.
테일윈드 CSS v4 원칙. CSS 우선 구성, 컨테이너 쿼리, 최신 패턴, 디자인 토큰 아키텍처.
화면 밖 렌더링을 연기하려면 `content-visibility: auto`를 적용하세요.
공식 마핏 테마 CSS 사양을 기반으로 사용자 지정 테마를 만드는 방법.
한 번에 하나씩 스타일을 변경하지 마세요. 브라우저 리플로우를 최소화하기 위해 클래스 또는 `cssText`를 통해 여러 CSS 변경 사항을 함께 그룹화하세요.
주소모아 프론트엔드 개발을 담당합니다. React 19, Next.js App Router, Tailwind CSS를 사용합니다.
현대 프론트엔드 웹 기술(React, Tailwind CSS, shadcn/ui)을 사용하여 정교한 다중 컴포넌트 claude.ai HTML 아티팩트를 만드는 도구 모음. 상태 관리, 라우팅, 또는 shadcn/ui 컴포넌트가 필요한 복잡한 아티팩트에 사용하세요 - 단순한 단일 파일 HTML/JSX 아티팩트에는 사용하지 마세요.
현대 프론트엔드 웹 기술(React, Tailwind CSS, shadcn/UI)을 사용하여 정교한 멀티 컴포넌트 claude.ai HTML 아티팩트를 생성하는 도구 모음입니다. 단순한 단일 파일 HTML/JSX 아티팩트가 아닌 상태 관리, 라우팅 또는 shadcn/UI 구성 요소가 필요한 복잡한 아티팩트에 사용하세요.
ReactJS, NextJS, TypeScript, Tailwind CSS를 사용하여 최신 성능의 웹 애플리케이션을 구축하는 포괄적인 프론트엔드 개발 기술. 구성 요소 스캐폴딩, 성능 최적화, 번들 분석 및 UI 모범 사례를 포함합니다. 프론트엔드 기능을 개발하고 성능을 최적화할 때 사용하세요,
원시 HTML을 스크랩한 후, 디자인 토큰을 체계적으로 추출하세요. 이 층들을 순서대로 작업하세요.
HTL, 테일윈드 CSS, 그리고 디자인 시스템 통합을 통한 피그마-코드 워크플로우를 사용하여 AEM 구성 요소를 개발하는 전문가 어시스턴트
다중 프레임워크 전문 지식과 풀스택 통합이 필요한 React, Vue, Angular 프레임워크 전반에 걸쳐 완전한 프론트엔드 애플리케이션을 구축할 때 사용하세요. 구체적으로: <example> 문맥: 복잡한 상태 관리 및 실시간 업데이트를 제공하는 이커머스 플랫폼을 위한 새로운 React 프론트엔드 시작하기 우리
UI/UX 디자인을 검토하고, 시각적 인터페이스를 평가하며, 웹 구성 요소의 사용성 문제를 감사하고, 접근성 준수를 점검하거나, 디자인 미학을 비판할 때 적극적으로 사용하세요. 사용자가 스크린샷, 모의 파일, CSS, HTML, 디자인 토큰을 공유하거나 시각적 피드백을 요청할 때 호출합니다
높은 디자인 품질의 독특하고 프로덕션급 프론트엔드 인터페이스를 생성합니다. 웹 컴포넌트, 페이지, 아티팩트, 포스터, 또는 애플리케이션 구축 요청 시 사용하세요(웹사이트, 랜딩 페이지, 대시보드, React 컴포넌트, HTML/CSS 레이아웃 또는 웹 UI 스타일링 포함). 일반적인 AI 미학을 피한 창의적이고 세련된 코드와 UI 디자인을 생성합니다.
많은 브라우저에는 SVG 요소의 CSS3 애니메이션에 대한 하드웨어 가속 기능이 없습니다. SVG를 `<div>`에 싸서 대신 포장지를 애니메이션으로 만드세요.
신흥 패턴을 분석하거나, 산업 변화를 예측하거나, 전략적 계획과 경쟁 포지셔닝을 알리기 위해 미래 시나리오를 개발할 때 사용하세요. 구체적으로:\n\n<example>\n문맥: 한 소프트웨어 회사가 향후 3~5년 동안 자사 시장이 어떻게 발전할지 파악하여 제품을 안내하고자 합니다
시각적 인터페이스를 디자인하거나, 디자인 시스템을 만들거나, 구성 요소 라이브러리를 구축하거나, 전문가의 시각적 디자인, 상호작용 패턴, 접근성을 고려해야 하는 사용자 대면 미학을 개선할 때 이 에이전트를 사용하세요. 구체적으로: <example> 컨텍스트: 제품 팀은 완전한 디자인 시스템이 필요합니다
독창적이고 프로덕션급 웹 인터페이스 설계 가이드.
Next.js 풀스택 템플릿 원칙. 앱 라우터, 프리마, 테일윈드.