「ui」の検索結果

TypeScriptのパッケージ内部への直接参照や循環依存を検出し、公開ファイルだけを入口にする構成を、設定・検証・文書化まで整えるスキル。

• パッケージ内部への直接参照を防ぎたいとき
• 型チェックと一緒に境界を確認したいとき
• コピー用のパッケージ雛形を作りたいとき

メモや調査資料をもとに、ブログ記事、ガイド、ニュースレターなどの長文を作成し、既存の文体やブランドの方針に合わせて構成と根拠を整えるスキル。

• メモや文字起こしを記事に仕上げたいとき
• ブランドの文体に合わせた記事作成
• 実用的なガイドやチュートリアルの執筆

請求書やフォームなどの規則的なテキストから情報を取り出す処理を、正規表現とLLMで設計し、抽出結果の信頼度が低い項目だけを確認・修正する流れを示します。

• 問題文・選択肢・解答の抽出
• フォームや請求書の抽出処理設計
• 正規表現とLLMを選びたいとき

React NativeとExpoのアプリで、画面遷移・状態管理・データ取得を設計します。長い一覧の表示、フォーム、端末機能の利用、認証情報の保存方法も扱います。

• Expoで画面と画面遷移を作りたいとき
• 取得データと画面の状態を整理したいとき
• 長い一覧の表示を改善したいとき

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

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

Webサイトや業務画面の目的・利用者に合うデザイン方針を定め、文字・配色・レイアウト・動きを整えます。既存の部品を生かし、画面幅ごとの表示も確認します。

• 動く業務画面の見た目を整えたいとき
• 新しいサイトのデザイン方針を決めたいとき
• モバイル表示や長いラベルを改善したいとき

C++コードの実装・レビュー・改修で、型の扱い、メモリ管理、例外処理、並行処理を点検するスキル。標準的な指針に沿って安全性と書き方の一貫性を整えます。

• モダンなC++コードを書きたいとき
• メモリの所有権と解放のレビュー
• 既存のC++コードを改修したいとき

記事やガイド、ニュースレターを、提供された文例やブランドの文体に合わせて執筆します。メモや調査資料の文章化から、既存原稿の構成・根拠の見直しまで扱います。

• メモや文字起こしを記事にしたいとき
• ブランドの文体でガイドを書きたいとき
• 既存原稿の構成と根拠を見直したいとき

類似企業の売上・利益率・評価倍率を比較するExcelを作成します。計算式、中央値や四分位、データの出典をまとめ、投資や買収の検討に使う比較資料を整えます。

• 同業他社との企業価値比較
• 買収検討用の比較資料作成
• 業界の成長性・収益性比較

外部サービスの初期設定や認証情報の登録を、人が順番に進められる対話型bashスクリプトにします。操作案内から入力値の保存、各段階の確認まで組み込むスキルです。

• 外部サービスの手動設定を案内したいとき
• 認証情報をローカルとCIに設定したいとき
• チーム向けの初期設定手順作成

ランディングページや複数画面のWeb製品を、配色・書体・動きの方針から設計して実装します。スクロールに連動した演出にも対応し、見た目や表示性能、画面間の統一感を検証します。

• ランディングページの新規制作・再設計
• スクロールで物語を伝えたいとき
• 複数の製品画面のデザイン統一

目標画像と実装した3Dシーンのスクリーンショットを比較し、構図・照明・質感を段階的に改善します。見た目の再現度を採点し、描画速度も確認しながら修正を重ねるスキルです。

• 目標画像に近い3Dシーンを作りたいとき
• ブラウザゲームの照明や質感を磨きたいとき
• 既存の3D作品の見た目を改善したいとき

ComfyUIの生成手順を実行し、画像・動画・音声・3Dコンテンツを作成します。モデルや追加ノードの準備、条件を変えた一括生成、進捗確認も扱います。

• Stable DiffusionやFluxで画像生成
• 既存画像の変換や指定範囲の描き直し
• 生成条件を変えた候補の一括作成

アプリやエージェントにWeb検索、ページ内容の取得、構造化した情報の抽出、ブラウザー操作を組み込むため、Firecrawlの選定・設定・実装・動作確認を案内します。

• アプリにWeb検索を追加したいとき
• 既知のURLから構造化データを抽出
• クリックやフォーム入力を処理に組み込み

新機能や外部連携を、既存の仕組みを生かして必要な範囲に絞り実装するスキル。完了条件と対象外を先に定め、関係する層を通じて一連の動作を仕上げます。

• 範囲を絞って新機能を実装したいとき
• 既存の仕組みを使った外部連携
• 完了条件と対象外を明確にしたいとき

リポジトリを調べ、アプリを利用者と同じ経路で操作して動作を確かめる専用スキルを生成。起動・証拠保存・後片付けまで実行して検証します。

• リポジトリ専用の検証スキルを作りたいとき
• UI・CLI・サービスの操作手順の整備
• 機能と動作確認の証拠を対応付けたいとき

Paperclipに新しいAIエージェントを接続するアダプターを作成・修正し、実行処理から設定画面、CLI表示、セッション管理まで整えるスキル。

• 新しいCLIエージェントを接続したいとき
• HTTP経由のエージェント連携
• セッション再開と復旧処理の実装

既存のUIや合意済みの画面案に、目的と操作頻度に合うアニメーションを実装し、連続操作による中断や動きを減らす設定にも対応させるスキル。

• モーダルやドロワーの開閉演出
• ボタンやトグルの操作への反応
• 連続操作で中断される動きの調整

文章をOpenAIのAPIと標準搭載の音声で読み上げ音声に変換します。解説のナレーションや講義の音声版、短い動画に添える声のトラック作成に使えます。

• 解説のナレーションを作りたいとき
• 講義の文章を音声化したいとき
• 動画に添える声を作りたいとき

流体のように揺れる背景に大きな見出しや短いメッセージを重ね、動画の冒頭、ランディングページのメインビジュアル、ポスターに使える単一HTMLを作ります。

• 短いメッセージ付きの動画冒頭を作りたいとき
• ランディングページのメインビジュアル制作
• 流体背景のポスターを作りたいとき

アプリ全体のシステムプロンプトや推論量、IPフィルター、ログイン要件をAPIで確認・更新し、プロキシやキャッシュなどの運用設定も管理するスキル。

• システムプロンプトを見直したいとき
• 推論リクエストの設定調整
• IP制限とログイン要件の管理

現在の作業や導入済みのMCPツールに合うrufloプラグインを探し、候補を提案します。おすすめ一覧や検索結果から、追加できる機能と詳細を確認できます。

• 新規プロジェクトのプラグイン選び
• 監査やUIテスト用の機能を探したいとき
• 導入済み以外の機能を調べたいとき

WebアプリのPWAインストール対応を点検し、HTTPSや設定ファイル、アイコンの不足を確認するスキル。オフライン応答や起動先の設定も見直します。

• PWAインストール対応の点検
• インストール案内を追加する前の確認
• アイコンのサイズと形式の見直し

フォームの入力エラーや必須項目が支援技術にも伝わるかを点検し、説明文と入力欄の関連付け、エラー状態、選択肢のグループ化を改善するスキル。

• 読み上げでも伝わる入力エラーにしたいとき
• 必須項目と選択肢グループの点検
• Reactフォームの入力検証レビュー