「interact」の検索結果

処理の流れや状態変化を試すHTML、または複数の画面案を切り替える試作品を作り、操作しながら設計上の疑問を確かめ、判断を記録するスキル。

• 複雑な状態変化を操作して確かめたいとき
• 異なる画面デザインを比較したいとき
• 非エンジニアに処理の試作品を共有したいとき

学ぶ目的やこれまでの理解に合わせて、短い対話型レッスンと復習用資料を作るスキル。学習記録を残し、複数回のセッションにわたる学びを支えます。

• 新しい分野を継続して学びたいとき
• クイズとフィードバックで練習
• 復習用の早見表を作りたいとき

REST APIのURL、応答形式、エラー処理を一貫したルールで設計・見直しします。ページ分割や認証、利用回数の制限、バージョン管理まで整理するスキルです。

• 新しいAPIの窓口を設計したいとき
• 既存APIの仕様を見直したいとき
• ページ分割や絞り込みを追加したいとき

X（Twitter）の投稿、スレッド公開、タイムライン取得、検索、反応の集計をAPIで行うスキル。認証の設定や利用上限への対応、画像付き投稿も扱います。

• APIで投稿やスレッド、画像を公開
• タイムラインやユーザー情報の取得
• 話題や会話に関する投稿を検索したいとき

利用できる専門エージェントを分野別に一覧にし、最大5つを選んで同じ課題に並行で取り組ませ、意見の一致点や相違点、次の対応を一つの報告にまとめるスキル。

• 利用できる専門エージェントの確認
• 異なる分野から依頼先を選びたいとき
• 公開前のサイトを安全性とSEOで確認

工場の設備・人員・材料・納期を踏まえて生産順序を組み、段取り替えや工程間の負荷を調整し、設備故障や材料不足時の計画見直しを支援するスキル。

• 限られた設備での生産順序の検討
• 設備故障後に計画を組み直したいとき
• ロット量と段取り替え費用の比較

Ruby on Railsアプリの実装・レビューで、業務処理や検索、フォームの責務を整理するスキル。データ取得の無駄を防ぎ、バックグラウンド処理や画面部品の設計も支援します。

• 大きなcontrollerの業務処理の分離
• 複数モデルを更新するフォームの設計
• 重複する検索やデータ取得の見直し

Perlのテスト作成・実行から、外部処理の置き換え、例外の確認、テスト範囲の測定まで支えるスキル。テスト先行の開発や既存テストの移行にも使えます。

• テスト先行でPerlを開発
• Test::Moreからのテスト移行
• APIやDB連携を独立して検証

NanoClawの対話環境で、Markdownに保存したセッションの再開・分岐・横断検索・履歴圧縮・書き出しを扱い、モデル切り替えやスキル読み込みも支援します。

• 保存したセッションを再開したいとき
• リスクのある変更前に分岐したいとき
• セッション横断検索と履歴の圧縮

ReactやNext.jsで、ドラッグ操作、スワイプ、文字やSVGのアニメーションを実装します。複数段階の動きや読み込み表示まで扱い、用途に合うAPI選びも支えるスキル。

• ドラッグで閉じる画面や並べ替えリストの実装
• 単語ごとの文字表示や数値アニメーション
• SVGの線描画や円形の進捗表示

医療アプリの公開前に、診療判断の支援ロジック、患者情報の漏えい、データ整合性などを検証するスキル。重大なテストの失敗でデプロイを止める仕組みを示します。

• 電子カルテの公開前に検証したいとき
• 薬物相互作用や投与量の変更を検証
• 権限変更後の患者情報漏えいを確認

ReactやNext.jsの画面を実装・レビューするために、部品の組み立て、状態管理、データ取得、表示速度、フォームや操作性の改善パターンを示すスキル。

• Reactの部品を再利用したいとき
• 状態管理とデータ取得の見直し
• 長い一覧の表示を軽くしたいとき

Playwrightでブラウザ操作を再現するテストを作り、画面ごとの操作整理や自動実行を支援します。時々失敗するテストの調査と、画像・動画・実行記録の保存も扱います。

• ログインや検索の動作確認
• 画面ごとのテスト操作を整理したいとき
• 時々失敗するテストを調べたいとき

公開前のWeb画面をブラウザで操作し、フォームや認証、3つの画面幅での表示差分、速度指標、アクセシビリティを点検して、公開可否と修正点をまとめます。

• ステージングの新機能を検証したいとき
• 公開前にフォームと認証を確認したいとき
• 3つの画面幅で表示を比較したいとき

Explain an idea as an interactive isometric machine figure.

日本語の概要は準備中です。原文の説明を表示しています。

Serve an interactive codebase knowledge graph web UI.

日本語の概要は準備中です。原文の説明を表示しています。

システムの構成やデータの流れを、クリックして詳しく読める立体的なHTMLマップに整理します。同じデータから説明文も生成し、設計上の判断や未解決の質問を管理します。

• システム構成とデータの流れの説明
• 新しい設計をチームで検討したいとき
• レビュー中の未解決の質問の管理

Node.jsの処理を途中で止め、変数や関数の呼び出し経路から不具合を調べるスキル。端末でのステップ実行、状態収集の自動化、性能調査を支援します。

• Node.jsテストの途中の状態確認
• 関数の呼び出し経路と変数の調査
• 非同期処理の停止箇所を調べたいとき

機能追加やコード整理、PRレビューをGrok Build CLIに任せるスキル。単発実行と対話セッションを使い分け、長い作業の監視や続きの依頼も扱います。

• 機能の実装を任せたいとき
• 既存コードのリファクタリング
• PRの変更内容をレビュー

Antigravity CLIの導入・更新やプラグイン管理、認証・権限設定の調査を案内します。単発のコードレビューや実装依頼、対話セッションの再開にも使えます。

• Antigravity CLIの導入・更新確認
• プラグインの管理と状態確認
• 認証・権限・サンドボックスの問題調査

ブラウザで動く生成アートや、操作・音に反応する映像を制作します。p5.jsで構想から実装、見た目の確認、画像・動画への書き出しまで進めるスキル。

• 規則や乱数からアートを作りたいとき
• マウス操作に反応する作品制作
• 音に反応するアニメーション制作

デスクトップアプリのクリックや文字入力を、利用者の作業を妨げにくい背景操作で進めるスキル。画面の要素を確認し、操作結果に応じて方法を切り替えます。

• 別のウィンドウで作業しながら自動操作
• アプリの入力欄やボタンの操作
• ブラウザのダイアログや拡張機能の操作

ランディングページやスライド、操作できる試作品をHTMLで制作します。既存の資料や画面をもとに、構成や見た目の案を比較し、表示や動作を確認します。

• ブランド資料からLPを作りたいとき
• 製品の操作手順を試作したいとき
• HTMLでプレゼン資料を作りたいとき

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.

日本語の概要は準備中です。原文の説明を表示しています。