Rufloの動作環境を点検し、設定や常駐プロセス、メモリ用データベースなどの問題を診断します。よくある不具合の自動修復や、対象別の対処にも使えます。
- Ruflo導入後の環境確認
- 設定や接続の不具合を調べたいとき
- メモリ用データベースの修復
ruvnet/ruflo☆ 7.6万2026年10月16日 更新
OpenRouterの実際の請求額を、APIキーの利用状況や生成IDから確認します。日・週・月の使用額、上限、クレジット残高を調べるスキルです。
- 日・週・月の利用額を確認したいとき
- APIキーの上限接近を調べたいとき
- 生成IDから個別の請求額を確認
ruvnet/ruflo☆ 7.6万2026年10月16日 更新
人とAIが実装役・案内役を分担し、役割を切り替えながら開発を進めるスキル。テスト生成やコードレビュー、デバッグ、学習向けの説明にも対応します。
- AIのレビューを受けながら実装したいとき
- 方針を伝えてAIに実装を任せたいとき
- テストを先に書いて機能開発したいとき
ruvnet/ruflo☆ 7.6万2026年10月16日 更新
購入や会員登録などの複数画面にまたがる手続きで、同じ情報を再入力させる箇所を探すスキル。入力済みデータの自動反映や選択による再利用へ改善します。
- 購入手続きの重複入力を点検したいとき
- 会員登録や初回案内フォームの見直し
- 問い合わせで入力済み情報を再利用
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
商品やサービスのレビュー情報を検索エンジンへ伝える構造化データを点検・追加します。実際の評価データと必須項目を確認し、検索結果での星評価表示に備えます。
- 商品ページのレビュー情報を点検
- 実際の口コミから平均評価を追加
- 検索結果の星評価表示への適合確認
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
API応答や保存データを読み込むJavaScriptのJSON処理を点検し、不正な入力への例外処理と、読み取り後のデータ構造の検証を追加するスキル。
- API応答のJSON処理を点検したいとき
- localStorageの壊れたデータへの対処
- プロパティ参照前のデータ構造の検証
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
JavaScriptの手書きループを点検し、配列やオブジェクトの標準メソッドに置き換えて、データの変換・抽出・集計の意図が伝わるコードに整えるスキル。
- 手書きループを整理したいとき
- データの変換・抽出・集計の明確化
- オブジェクト変換や深いコピーの見直し
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
JavaScriptのイベント処理やタイマー、不要になった通信などを点検し、画面を使い続けるとメモリ使用量が増える原因を調査・修正するスキル。
- 長時間利用でメモリが増える原因の調査
- 部品を破棄するときの後処理の確認
- 画面変更後の不要な通信を止めたいとき
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
HTMLに直接書かれたJavaScriptを点検し、外部ファイルとaddEventListenerへ整理して、保守性やキャッシュ利用の改善を支援します。
- HTML内のJavaScriptを分離したいとき
- onclickをaddEventListenerに変更
- キャッシュ利用と保守性の見直し
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
Front-End Checklistのルール文書を採点基準に沿って点検し、曖昧なAI向け指示や不足項目を、具体的な手順とコード例で補うスキル。
- 未完成のチェックリストルールの拡充
- AI向け確認・修正指示の具体化
- PR前のルール構造と品質の確認
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
検索エンジンがたどれないリンクをHTMLから洗い出し、空のhrefやJavaScriptだけの画面遷移を、適切なURLや要素へ修正するスキル。
- JavaScript中心の画面遷移の点検
- 動的に生成するリンクを確認したいとき
- 画面遷移と操作ボタンの使い分け
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
JavaScriptの構文ミスや規約違反をESLintで検出し、ルール設定からエディター・CI/CDへの組み込み、警告の修正まで支援します。
- JavaScriptにESLintを導入したいとき
- チームのコーディング規約を統一したいとき
- エディターやCI/CDで自動チェック
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
JavaScriptのオブジェクトや配列を直接書き換える箇所を探し、コピーを作って更新する形に直すスキル。共有状態の変更を追いやすいコードへ見直します。
- 共有オブジェクトの直接変更の検出
- pushやspliceによる更新の見直し
- クライアント側の状態更新のレビュー
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
本番配信するJavaScriptの軽量化状況を点検し、ビルド設定や未使用コードの除去を見直して、ファイル容量と読み込み時の負荷を減らすスキル。
- 本番JavaScriptの軽量化確認
- 配信ファイルを小さくしたいとき
- 未使用コードの除去
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
Web画面の動きを重くするDOMの読み書きやイベント処理を調べ、処理順序や更新頻度を見直して、ブラウザ上で原因に即した修正を検証するスキル。
- アニメーションのもたつきを調べたいとき
- DOMの読み書きをまとめたいとき
- スクロールやタッチのイベント処理の確認
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
JavaScriptの非同期処理やReact画面で起きるエラーの扱いを点検し、例外の捕捉、原因を追うためのログ、画面側のエラー処理の追加を案内するスキル。
- 非同期処理のエラー対応を点検したいとき
- React画面のエラー処理の追加
- 原因調査に使うログの改善
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
スクロールや文字入力などで繰り返されるJavaScript処理を点検し、デバウンスとスロットルの使い分けで、画面の引っかかりや過剰なAPI呼び出しを改善するスキル。
- 検索入力によるAPI呼び出しを減らしたいとき
- スクロールやリサイズの負荷点検
- デバウンスとスロットルの使い分け
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
画像の幅・高さ指定を点検し、読み込み時に周囲の文章やボタンが動く原因を調べます。画像本来の縦横比に沿った属性とCSSの修正案を、変更前後のHTMLで示します。
- 画像読み込み時の表示ずれを調べたいとき
- 幅・高さ属性のない画像の洗い出し
- 画面幅に応じた画像の縦横比の維持
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
医療・金融・法律・安全に関する記事の免責文と、アフィリエイトの広告開示を点検し、内容に合った文案や読者が見つけやすい配置を提案するスキル。
- 医療・金融記事の免責文を見直したいとき
- アフィリエイトの広告開示の確認
- 免責文の見やすさや配置の改善
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
固定ヘッダーやバナーがキーボード操作中の選択先を隠していないか点検します。拡大表示やモバイル画面も確認し、余白やスクロールの修正を支援します。
- 固定ヘッダー周辺のキー操作確認
- バナーやチャット表示中の動作確認
- 拡大時やモバイル画面の重なり確認
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
JavaScriptの読み込み・公開方法を点検し、CommonJSからimport/exportへの移行を支援します。ブラウザでの実行経路も確認し、修正後の検証方法を示します。
- require()をimportに変換したいとき
- module.exportsからの移行
- ブラウザでのモジュール読み込みの点検
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
ブラウザのタブやスマートフォンのホーム画面に使うサイトアイコンを点検し、端末に応じた形式・サイズの生成からHTMLやPWAの設定まで支援するスキル。
- タブやブックマーク用アイコンの準備
- モバイルのホーム画面用アイコン設定
- PWAのアイコン設定を確認したいとき
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
一覧や表の各要素に付けたイベント処理を見直し、親要素でまとめて受け取る方式へ整理します。後から追加される要素の操作対応や、リスナー数の削減を支援します。
- 動的に追加した項目の操作を直したいとき
- 表の行ごとのリスナーをまとめたいとき
- クリック対象の判定を見直したいとき
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新
JavaScriptのvar宣言を行番号付きで洗い出し、再代入の有無に応じてconstやletへ置き換え、変数の有効範囲とブラウザでの動作も確認するスキル。
- var宣言を行番号付きで探したいとき
- varをconstやletへ置換したいとき
- 変数の有効範囲を見直したいとき
thedaviddias/Front-End-Checklist☆ 7.4万2026年10月6日 更新