「ui」の検索結果

Package.swiftを起点にmacOS向けSwiftパッケージの構成を確認し、ビルド・実行・テストと、失敗時の主な原因の整理を進めるスキル。

• Xcodeなしのパッケージビルド
• 実行対象を選んで動かしたいとき
• 特定のテストを実行したいとき

業務の流れやシステム構成、データの関係を、FigJamで編集できる図にまとめます。図の種類を選び、Mermaidの記法や描画上の制約を確認するスキルです。

• 業務フローや意思決定の図解
• サービスとデータストアの構成整理
• APIのやり取りを図解したいとき

利用者の投稿風コンテンツを使うUGC広告について、クリエイター募集や制作依頼、AI動画の活用、通常投稿での検証から広告配信の拡大までを組み立てるスキル。

• 商品動画のクリエイター募集
• 短い動画の制作依頼書づくり
• AI広告動画のバリエーション企画

READMEや利用ガイドなどの文書を、実際のコードと照らし合わせて作成・編集します。構成や用語、文体をそろえ、関連ページとの整合性やリンクも確認します。

• 実装済み機能のガイドを書きたいとき
• READMEの構成や表現を改善したいとき
• 実装に合わせて文書を更新したいとき

React NativeとExpoでiOS・Android向けアプリを開発します。画面遷移や一覧表示、アニメーション、端末ごとの違いを扱い、性能も見直します。

• React NativeとExpoで画面を作りたいとき
• Expo Routerでの画面遷移の実装
• 一覧とアニメーションの性能改善

決定済みの要件や設計文書を既存コードと照合し、具体的に確認できる完了条件、作業範囲、影響先、未決事項を備えた、実装者が着手しやすいタスクにまとめるスキル。

• 要件書を実装タスクにしたいとき
• 設計と既存コードの照合
• 動作に関する未決事項の洗い出し

製品要求書や仕様の受け入れ条件ごとに、実装とテストを根拠付きで別々に採点し、実装間で比較できる総合評価と不足箇所をまとめるスキルです。

• 機能が要件を満たすか確認したいとき
• 同じ仕様の実装を比較したいとき
• 単体・E2Eテストの網羅性確認

ボタンやカードに実物のような厚みや押し込み感を与えるため、グラデーション、内外の影、反射する縁、細かな質感を組み合わせてWeb UIを作るスキル。

• ボタンに押し込み感を付けたいとき
• カードやパネルに厚みを加えたいとき
• 操作部品に樹脂や金属の質感を付けたいとき

スクロールに合わせて製品画面や説明を段階的に見せるWebページを制作します。GSAP ScrollTriggerで画面の固定や場面転換を組み立て、製品の使い方を伝えます。

• スクロールで製品の操作手順を伝えたいとき
• 画面の機能を段階的に見せたいとき
• 製品紹介のセクションを動きでつなぎたいとき

温かみのある紙色の画面を暗い外枠で囲み、細い罫線やコーナーの印、控えめな斜線模様を組み合わせて、明るく精密なUI全体のデザイン方針を整えるスキル。

• 温かい明色の技術製品UIを作りたいとき
• 暗い背景に紙色の画面を配置
• アプリ試作と文字起こしパネルの統一

暗いガラス面と時計のような円形ダイヤルを軸に、計測機器を思わせるUIを設計します。背景、ナビゲーション、ボタン、緩やかな動きまで、画面全体の表現をそろえます。

• 暗い計器パネル風のUIを作りたいとき
• 円形ダイヤル中心の画面を設計したいとき
• ガラス調のナビやボタンを統一したいとき

縦スクロールに合わせて固定画面の章を横方向へ切り替え、逆戻りや途中への移動、再読み込みでも表示がずれない、章立ての製品ツアーや物語ページを実装するスキル。

• 横方向に進む製品ツアーの制作
• 章立てのスクロール物語の制作
• ジャンプや再読み込み時の表示ずれ修正

パソコン作業などをする人物を、紫の窓枠とパステル背景で描くSVGイラストの制作スキルです。枠をまたぐ吹き出しや細い輪郭線で、カードの絵柄をそろえます。

• サポートやチーム紹介ページの挿絵制作
• 初回利用案内や404画面の絵柄統一
• UI設計やコーディング中の人物を描くとき

スクロールに合わせてカメラや光、文章が変化する、連続した3D空間のWeb体験を制作します。章ごとの演出設計から操作、読み込み、端末別の検証まで扱います。

• 3D空間で商品を説明したいとき
• 操作できる作品集の制作
• 展示を章立てで案内したいとき

参考動画の画面構成や動き、配色、素材を分析し、Webページやアプリの再現・応用に使う、実装方法や必要素材まで具体化した詳細なプロンプトを作ります。

• 参考動画を制作指示に変換したいとき
• スクロール演出や画面遷移を言語化したいとき
• 再現に必要な画像や動画を整理したいとき

ゲーム内の更新履歴画面を設計・実装し、公開済みの更新とバージョン表示をそろえるスキル。過去の履歴復元からメニュー操作、モバイル表示、本番確認まで扱います。

• ゲーム内の更新履歴画面の追加・改修
• デプロイ記録とGitからの履歴復元
• 公開版と表示バージョンの同期

NEARと連携するアプリ開発を支援し、JavaScript／TypeScriptでの送金、コントラクト呼び出し、鍵管理や署名の実装方法を案内するスキル。

• NEARやトークンを送金したいとき
• コントラクトを読み取り・更新したいとき
• アカウントの鍵や権限を管理したいとき

アプリ内ウォレットとユーザー認証を組み込み、複数のブロックチェーンでの送金や支出制限、共同承認を備えた資産管理機能の実装を支援するスキル。

• アプリに認証とウォレットを導入したいとき
• AIの支出に上限を設けたいとき
• 共同承認付きの資金管理

TypeScriptでOpenServ向けのAIエージェントを構築し、登録・起動・デプロイまで進めるスキル。独自の処理やAPI連携、文章生成、タスクへのログ添付を扱います。

• 外部APIを呼ぶエージェントの構築
• 翻訳や感情分析エージェントの作成
• タスクへのログ・生成ファイル添付

SolanaとEVMチェーン間の資産移動やメッセージ送信を実装する開発ガイド。送信先のコントラクト呼び出し、手数料計算、受信内容の検証も扱います。

• SolanaとEVM間の送金を実装したいとき
• チェーン間でメッセージを送りたいとき
• 送信先のコントラクトを呼び出したいとき

NEAR Protocolの分散型アプリを新規作成し、既存のWebアプリにもウォレット接続やログイン、コントラクト呼び出し、取引への署名を組み込むスキル。

• NEAR向けアプリの新規作成
• 既存Reactアプリへのウォレット接続
• NEARコントラクトの操作画面作成

Solanaの分散型アプリ開発を、ウォレット接続からプログラム実装、テストまで支援。残高・取引の照会や既存コードの移行、エラー調査にも使えます。

• ウォレット接続付きアプリを作りたいとき
• Anchorのローカルテスト
• ウォレット残高や取引を調べたいとき

異なる仕組みで作られたAIエージェントをA2Aでつなぎ、機能情報の公開、タスクの受け渡し、進捗配信や完了通知に対応するサーバーとクライアントを実装するスキル。

• 異なるフレームワークのエージェント連携
• Agent Cardによる機能情報の公開
• 調査・執筆・レビューの連携構築

失敗するテスト群を通す修正に対して、ERC20トークンの報酬を預託した開発課題を作成するスキル。対象コミットや判定者を設定し、応募者向けの提出コマンドも案内します。

• 失敗するテストの修正を報酬付きで募集
• 対象コミットと報酬・判定者の指定
• 応募者向け提出・状況確認コマンドの案内