「react」の検索結果

Angularの画面やサービスを作り、状態管理・フォーム・画面遷移の設計を支援します。使用バージョンに合わせて実装方針を選び、テストやビルド確認まで扱います。

• Angularアプリを新規作成したいとき
• フォームと状態管理を実装したいとき
• 画面遷移とアクセス制御の設計

変数や関数の命名、読みやすさ、元のデータを直接変更しない更新方法、エラー処理などの共通基準でコードを見直し、保守しやすい形に整えるスキル。

• 既存コードの命名と読みやすさのレビュー
• 長い関数や深い条件分岐を整理したいとき
• 新しいモジュールの規約をそろえたいとき

Redditの投稿やコメント、ユーザーの活動をブラウザなしで読み取り、話題の検索や議論の要約に使えます。アカウント不要で始められ、コミュニティの反応を調べられます。

• 話題に対するコミュニティの反応調査
• スレッドとコメントを要約したいとき
• ユーザーの最近の投稿を確認したいとき

開いているホワイトボードに図やワイヤーフレームをコードで作成し、再読み込み後も動くボタンやアニメーションを組み込める、ローカル編集向けのスキルです。

• 図やワイヤーフレームの作成
• キャンバスに操作ボタンを付けたいとき
• 図形のアニメーションや移動連動

HTMLとCSSで見た目を作り、文字や画像に動きを付けてMP4・WebM動画に書き出します。字幕付きナレーションや商品紹介、Webサイトからの動画制作にも対応します。

• 動くタイトルや文字イントロの制作
• ナレーションに字幕を付けたいとき
• Webサイトを紹介動画にしたいとき

ブラウザで動く生成アートや、操作・音に反応する映像を制作します。p5.jsで構想から実装、見た目の確認、画像・動画への書き出しまで進めるスキル。

• 規則や乱数からアートを作りたいとき
• マウス操作に反応する作品制作
• 音に反応するアニメーション制作

Slackの絵文字やメッセージ向けに、画像や図形を動かすGIFを制作します。サイズや色数、動きの速さを調整し、付属ツールで要件に合うか確認できます。

• Slackのリアクション用GIF制作
• アップロード画像を動かしたいとき
• メッセージ用のGIFを作りたいとき

公開前の原稿を想定読者の視点で読み、読み始めるか、どこで関心が薄れるか、何が記憶に残るかを確かめます。文章は書き換えず、読者の反応を報告します。

• 投稿が最後まで読まれるか知りたいとき
• 読者が離脱する箇所の確認
• 改稿前後の読者反応の比較

shadcn/uiとTailwind CSSを使い、操作しやすいフォームや表、画面幅に応じたレイアウトを実装。配色やダークモードも統一するスキル。

• キーボードで操作できるフォーム作成
• スマホとパソコンの表示を整えたいとき
• 配色とダークモードの統一

Web・モバイル・デスクトップの画面設計や改善に、ローカル資料から配色・書体・操作の指針を検索。製品や開発環境に合うUIの実装とレビューを支えます。

• 新しい製品の配色と書体を選びたいとき
• フォームとキーボード操作のレビュー
• 小さな画面で崩れる表示の修正

既存のデザイン体系に沿って、スマホから大画面まで使えるUIを実装します。部品構成や状態管理に加え、キーボード操作、読み込み中やエラー時の表示まで整えるスキル。

• 新しいページやUI部品を作りたいとき
• スマホとパソコンの表示を整えたいとき
• キーボードや読み上げ対応を改善したいとき

用途や読者、ブランドに合わせてランディングページやポートフォリオを設計し、配色・書体・動きの一貫性と読みやすさを確認しながら実装するスキル。

• ブランドに合うLPを作りたいとき
• 読者に合わせたポートフォリオ作成
• 既存の印象を保つサイト改修

デスクトップ向けのランディングページを、注目から行動へ導く構成、大きな文字と余白、隙間のないグリッド、スクロールに連動する動きを組み合わせて設計するスキル。

• スクロール演出のあるLPを試作したいとき
• 冒頭の配置や文字組みを変えたいとき
• 空きのないカードグリッドの設計

GSAPで複数のアニメーションの順序や重なりを組み立て、開始位置の指定、まとまりごとの入れ子化、再生・停止・逆再生まで扱うための実装支援スキル。

• 複数の動きを決めた順番で再生したいとき
• 開始時刻を調整して動きを重ねたいとき
• 動きをまとめて再生制御したいとき

既存のWeb画面に、ボタンの反応や状態の切り替えを伝える控えめなアニメーションを加えます。文章やレイアウトを保ち、動きを減らす設定にも対応します。

• ボタンに操作の反応を加えたいとき
• 画面内の状態変化を伝えたいとき
• 主要な内容の登場演出を整えたいとき

ランディングページや作品集を、目的と読者に合わせて設計する旧実験版です。レイアウトの変化・動き・情報密度を調整し、定型的な見た目を避けて配色や操作状態を整えます。

• 読者に合わせた紹介ページの設計
• 動きと情報量を調整した作品集制作
• 既存ブランドを生かしたサイト改修

余白の広い見出しや隙間のないグリッド、スクロールに連動する動きを組み合わせ、Webページを実装します。注目から行動へ導く構成と、動きを抑える利用者設定への対応も扱います。

• 申し込みへ導くLPを作りたいとき
• スクロール連動のギャラリー制作
• 空きマスのない機能紹介グリッド設計

iOS・Androidなどのアプリ画面や一連の操作フローを画像で作成し、読みやすさと画面間の統一感を保ちながら、スマートフォンの端末枠付きで提示するスキル。

• 複数画面でアプリの企画を可視化したいとき
• 初回案内やログインのフロー画像の作成
• モバイルアプリの改修案を比較したいとき

公開Webページの設計・実装・見直しを、題材に合う構図や書体の選定から進めます。実ブラウザーでの測定と3種類の画面幅のスクリーンショットで改善を重ねます。

• 定型的に見えるLPの再設計
• 独自の軸を持つポートフォリオ制作
• 3種類の画面幅で文字と配置を点検

やりたい作業を手がかりに、エージェントへ追加できるスキルを検索します。候補の用途や導入コマンド、詳細リンクを案内し、希望に応じてインストールまで進めます。

• 特定の作業に合うスキルを探したいとき
• 新しい分野のスキルを探したいとき
• スキルの用途や導入方法の確認

Slackのメッセージや絵文字に使うアニメーションGIFを作成します。揺れ・回転・跳ねる動きを組み合わせ、用途に合わせて容量や画像サイズを検証・調整するスキルです。

• リアクション用の動く絵文字を作成
• Slackのメッセージ用GIFを作成
• 用途に合わせてGIFを軽量化したいとき

Twitterの投稿案を、読者の関心や返信・共有につながる要素から分析します。公開アルゴリズムの知見を基に、改善理由を説明しながら文章や発信方針を見直すスキルです。

• 返信や共有につながる投稿に直したいとき
• 投稿への反応が少ない理由を考えたいとき
• 専門分野の発信方針を見直したいとき

直近の利用費用から１日あたりの支出を算出し、７日・30日・90日・365日先の費用を予測。予算設定時は、消化率ごとの到達日数も確認できます。

• 四半期の予算計画
• 予算ダッシュボードへの予測連携
• 予算切れが近いビルドの停止

HTMLやJSXで新しいタブを開くリンクを点検し、rel属性の不足を修正します。元のタブへの不正な操作を防ぐ仕組みや、参照元情報の扱いも説明します。

• 新しいタブで開くリンクの点検
• JSXのrel属性漏れを修正したいとき
• noopenerとnoreferrerの理解