「ui」の検索結果

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

アプリやエージェントに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フォームの入力検証レビュー

画面要素の役割を支援技術に伝えるARIAの指定を点検し、誤記や未定義の値を修正します。標準HTMLへの置き換えや、キー操作・読み上げの確認も支援します。

• ARIAの誤記や未定義値を探したいとき
• 独自部品を標準HTMLへ置き換え
• 共通UI部品のアクセシビリティ確認

Cline SDKでAIエージェントを開発するために、用途に合うAPIと参照資料を案内します。独自ツール、会話の保存、定期実行、複数エージェント連携も扱います。

• 独自ツールを持つAIエージェント開発
• 会話を保存するためのAPI選び
• モデル提供元とイベント処理の設定

Cline デスクトップアプリの安定版・beta・nightly の配布を支援します。変更履歴やバージョンの準備から、署名付きビルドの作成、更新配信の確認まで案内します。

• デスクトップの安定版を準備したいとき
• 安定版と併用できる beta の配布
• 署名付き nightly を作成したいとき

opencodeのコマンド、HTTPサーバー、イベント、端末画面を検証し、保存済みの会話をID・タイトル・本文で調べます。用途別のスクリプトで確認を進めるスキル。

• コマンドとHTTPサーバーの確認
• フックに関わるイベントの観測
• 端末画面の起動と入力の確認