モデル
OpenAI互換またはAnthropicのエンドポイントを、ベースURLと必要なAPIキーで設定し、接続をテストします。ローカルのモデルサーバーは起動が必要です。リモートツールは別途データを送信する場合があります。
製品
ソフトウェアの機能 · 動きを抑えるCSS
01
両方の設定とキーボードフォーカスを確認し、動作停止後も状態テキストを残してください。
プロジェクト
フォルダーを選び、編集前に関連ファイルを読むようアシスタントに依頼します。作業の目的と変更範囲を明確にしてください。
変更内容
変更内容とコマンド出力を確認します。結果を採用する前にプロジェクトの検証を実行してください。生成コードが自動的にテスト済みになるわけではありません。
動きを抑える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アニメーションを止めてください。
✓ 変更内容適用前に確認 ↗
ワークスペースのイメージ