スキルを探す

KiloのVS Code拡張の画面にStorybookの表示例を追加し、Playwrightによる画像比較で、状態や画面幅ごとの見た目の変化を確かめるスキル。

• チャットや設定画面の画像テスト追加
• 420px幅と200px幅の表示確認
• 模擬データによる権限確認画面の再現

Xへのテキスト・画像・動画の投稿や、Markdown原稿からの長文記事作成を支援します。実際のChromeで内容を整え、公開前に確認できます。

• 画像付きのX投稿を準備したいとき
• 説明文を添えて動画を共有したいとき
• Markdown原稿をX Articlesにしたいとき

現在のブランチやPRの変更から確認すべきページを割り出し、ブラウザで表示と主要操作をテストします。各ページの合否やスキップ理由、不具合の再現手順を報告します。

• PRで影響する画面を確認したいとき
• ブランチ変更後の主要操作のテスト
• 不具合と再現手順の記録

HTMLで操作できる原型、スライド、アニメーション、図解を制作します。新しいデザインは原則として三つの初稿を見比べて方向を選び、素材やブランドに沿って仕上げます。

• 三つのデザイン案を見比べたいとき
• 操作できるApp・iOS原型の制作
• HTMLスライドとPDFの作成

ブラウザでの入力やクリックを自動化し、Webページの動作を確認します。画面状態の取得、通信やエラーの調査、操作動画の記録、テスト作業も扱います。

• フォーム送信や画面遷移を確認したいとき
• ブラウザのエラーや通信内容の調査
• ブラウザ操作を動画で記録したいとき

Handsontableの操作を実ブラウザで確かめるPlaywrightテストを作成・修正し、画面操作の整理や安定した待機、テーマ別の検証を支援します。

• キーボード操作やセル編集の検証
• 不具合修正の再発防止テスト
• テーマや配布ファイル別の動作確認

Handsontableの表描画を担うWalkontableの既存テストを保守します。専用の実行手順を整理し、固定行・列やスクロール、表示範囲の検証を支援します。

• 既存の描画テストを保守したいとき
• 固定行・列のスクロール同期の確認
• サイズ変更後の表示範囲の検証

Handsontableのプラグインを新規作成・改修するスキルです。有効化と無効化、設定やフックの追加、他プラグインとの競合、UIのフォーカス管理を扱います。

• 新しいプラグインを作りたいとき
• 設定やイベントフックの追加
• 有効化・無効化・設定更新の見直し

Handsontable本体の不具合修正や機能追加に向け、設計・型定義・拡張機能の実装規約を整理し、作業に合う専門スキルと必要な検証手順を案内するスキル。

• 表本体の不具合を調べたいとき
• プラグインや編集機能の追加
• TypeScriptの型と型キャストの見直し

Handsontableの単体テストと型テストを作成・修正するスキルです。Jestの実行方法やファイル配置、境界値の検証、E2Eとの使い分けを案内します。

• 計算やデータ変換の単体テスト作成
• バグ修正や内部改修のテスト追加
• TypeScriptの型定義と公開範囲の検証

Handsontableの既存E2Eテストを保守するスキルです。Jasmine／Puppeteerでの非同期処理やテーマ共通の検証、不安定なテストの移行方針を扱います。

• 既存のJasmineテストを修正したいとき
• テーマ差による検証失敗の修正
• マウス・キー・タッチ操作の検証

Handsontableの変更に対し、要件に沿ったテストの作成・修正・レビューを支援し、失敗の再現から修正後の実行確認まで、期待する動作を確かめるスキル。

• 不具合を失敗するテストで再現したいとき
• コードと期待結果の誤りを見極めたいとき
• 検証内容の妥当性をレビューしたいとき

表の表示状態をPlaywrightで撮影し、reg-suitで基準画像と比較するテストを作成します。状態確認やデモ追加、テーマ・ブラウザ別の検証方針も扱います。

• UI変更後の表の見た目を確認したいとき
• 新機能の画像テストを追加したいとき
• テーマやブラウザ間の表示比較

Handsontableのセル編集機能を作成・修正するスキル。編集状態の遷移、入力検証、フォーカス管理、スクロールや右横書きに対応した候補リストの配置を扱います。

• 独自のセルエディターを作りたいとき
• 非同期の入力検証への対応
• スクロールやRTLでの候補位置の修正

Handsontableの描画や操作の速度を測るテストの追加・修正を支援します。計測区間の設計から基準値との比較、PR向けレポートの作成まで扱います。

• 機能の性能テストを追加したいとき
• フィルタや並べ替えの速度調査
• PRで性能の変化を比較したいとき

Kortixの変更箇所に合うテストを選び、API・CLI・ブラウザの実際の入出力で動作を確認します。小さく独立したテストの設計から結果報告までを扱います。

• バグ修正を絞ったテストで確認したいとき
• API・CLIの実際の入出力確認
• データベースの検索条件を検証したいとき

ブラウザやモバイルの操作をAIで進め、画面上の結果を検証するテストを作るスキル。e2eの設定から実行、失敗調査、不具合を再現するテストの作成まで案内します。

• AI操作でブラウザの利用手順を検証
• モバイルの模擬環境で操作を検証
• レポートやトレースから失敗を調査

題材に合う配色や書体、レイアウトを設計し、WebサイトやLPを制作します。画像やロゴの作成から、パソコン・スマートフォンでの表示確認まで進めるスキル。

• 店舗や事業のサイトを作りたいとき
• 個性のあるポートフォリオ制作
• 画像とロゴを含むLP制作

発表資料をHTMLで作成してブラウザで確認し、PDFやPPTXへ出力します。編集可能なPowerPointの新規作成や既存テンプレートの修正、内容・表示の検証にも対応します。

• 発表スライドをブラウザで確認したいとき
• 資料をPDFやPPTXで配布したいとき
• 編集可能なPowerPointの作成

Express・React などを組み合わせた付属テンプレートで、データ設計から画面、API、連携まで進め、見た目や動作確認も整えるWebアプリ開発スキル。

• データ表示ダッシュボードの作成
• フォームとAPIを備えた管理画面の作成
• オンラインストアの試作

Webページの本文を取得し、Markdownに変換します。取得が阻まれた場合はブラウザやプロキシへ段階的に切り替え、単一URLからサイト全体の巡回まで扱います。

• 単一ページのMarkdown変換
• JavaScript表示ページの本文取得
• ボット検知で阻まれたページの取得

computer-use-demoをDockerで起動し、Streamlit画面を自動操作して変更を検証するスキル。会話履歴とAPI通信、画面画像を保存します。

• デモ変更後の画面動作を確認したいとき
• モデルとツールの組み合わせ検証
• 思考設定や会話途中のモデル変更の確認

LangBotをローカルで開発・検証できる状態に整えるスキル。サービス起動や接続先の設定、ブラウザ操作方式の選択、ログイン状態を再利用する準備を支援します。

• Linux・WSLの開発環境準備
• サービス起動とWebUIの接続確認
• ブラウザ操作方式の選択

Webサイトでの検索、ログイン、フォーム入力、価格比較をブラウザ操作で支援します。Playwrightを使う操作手順と、画面確認やエラー時の対処をまとめたスキルです。

• 複数の通販サイトで価格を比較したいとき
• Webフォームの入力と送信
• ログイン操作と成功の確認