MMotionHearth
제품

프로그램 기능 · 동작을 줄이는 CSS

01

두 설정과 키보드 포커스를 확인하고 동작을 끈 상태에서도 상태 텍스트를 유지하세요.

01

모델

기본 URL과 필요한 API 키로 OpenAI 호환 또는 Anthropic 엔드포인트를 설정하고 연결을 테스트하세요. 로컬 모델 서버는 실행 중이어야 합니다. 원격 도구는 데이터를 별도로 전송할 수 있습니다.

02

프로젝트

폴더를 선택하고 편집하기 전에 관련 파일을 읽도록 요청하세요. 작업의 목표와 변경 범위를 명확히 정합니다.

03

변경 사항

변경 사항과 명령 출력을 검토하세요. 결과를 채택하기 전에 프로젝트 검사를 실행해야 합니다. 생성된 코드는 자동으로 테스트된 코드가 아닙니다.

동작을 줄이는 CSS

● ● ●MotionHearth●
작업 흐름 · 동작을 줄이는 CSS ×
@keyframes mark-slide {
  to { transform: translateX(12px); }
}
.motion-mark { animation: mark-slide 1.2s linear infinite; }
.status:focus-visible { outline: 2px solid currentColor; }
@media (prefers-reduced-motion: reduce) {
  .motion-mark { animation: none; transform: none; }
}
✳동작 줄이기 설정에서는 장식용 CSS 애니메이션을 멈추세요.
✓ 변경 사항적용하기 전에 검토하세요 ↗
작업 공간 예시 화면
AI 코딩 작업 공간

다음 아이디어가 여기서 시작됩니다.

Windows용 다운로드 ↗