「patterns」の検索結果

既存のRemotion動画のソースをHyperFramesのHTMLとGSAPへ移植するスキル。非対応コードの検出、変換後の映像比較、差異の記録まで扱います。

• Remotion動画をHyperFramesへ移植
• 移植を妨げるコードの事前確認
• 変換前後の映像を比較したいとき

Reactで増えすぎた真偽値の設定項目を整理し、部品の組み合わせと状態管理を見直して、再利用しやすいコンポーネントを設計するための指針をまとめたスキル。

• 真偽値の設定項目を整理したいとき
• 再利用できる部品集を設計したいとき
• 状態管理と部品構成のレビュー

Tailwind CSS v4で色や角丸などの共通ルールを定義し、ボタンやフォームを再利用できる部品に整えます。画面幅への対応やダークモードも扱います。

• 再利用できるUI部品集の作成
• 色や部品の見た目を統一したいとき
• 画面幅対応とダークモードの実装

既存のHTMLプレゼンテーションを編集する際に、2列配置やカード、注意枠、コードの色分けをそろえるスキル。専用CSSとHTMLの記述例を参照できます。

• 改善前後を2列で比較したいとき
• コード例を色分けしたいとき
• 概念・操作案内・警告の書式を整えたいとき

HyperFrames動画の配色、書体、画面構成、ナレーションの方針を整えます。既存のデザイン仕様やブランドに沿って、場面ごとの見せ方とテンポを設計します。

• ブランドに沿った動画にしたいとき
• 動画の配色と書体を選びたいとき
• 複数場面のテンポを整えたいとき

機械学習モデルの予測に各入力項目がどう寄与したかを計算・可視化します。SHAPの手法や基準データを選び、個別の予測とモデル全体の傾向を検証しながら説明します。

• 一件の予測に寄与した項目の説明
• 評価データ全体の寄与傾向を可視化
• 多クラスモデルの説明対象を選びたいとき

分子構造データの読み書きから、分子量などの特性計算、類似分子・部分構造の検索、反応処理、2D・3D構造の生成まで、Pythonで細かく制御するスキル。

• 分子データの特性を一括計算したいとき
• 構造が似た分子を探したいとき
• 特定の部分構造で分子を絞り込む作業

時間に沿って変化するデータをaeonで分析し、分類・回帰・クラスタリングから将来予測、異常検知、似た波形の検索まで、手法の選択と実装を支援するスキル。

• 時系列の分類や連続値の推定
• 似た時系列をまとめたいとき
• 将来の値を予測したいとき

Avaloniaアプリの画面の状態管理や複数ステップの案内画面を設計するスキル。ReactiveUIとZafiroで画面遷移、コマンド、画面との接続を整理します。

• 画面の状態と処理を設計したいとき
• 複数ステップの入力画面の作成
• 画面遷移と区画の自動検出

REST APIをアプリから扱うためのクライアントコードを生成します。認証、再試行、型付きデータモデル、エラー処理、ページ分割の補助と使用例まで整えるスキルです。

• REST API用のPythonクライアント作成
• TypeScriptの送受信データ型を作りたいとき
• 再試行とAPIエラー処理の共通化

バックエンドの業務領域や制約を整理し、Clean Architectureなどの設計方式を選びます。モジュールの境界と依存関係を定め、既存構成からの移行手順もまとめます。

• 新しいバックエンドの構造設計
• モノリスの密結合を見直したいとき
• チーム共通の設計基準づくり

Angularの画面開発で、データ読み込み中の表示やエラー処理、取得したデータの見せ方を扱い、非同期データに応じたコンポーネントの状態管理を支援するスキル。

• Angularの読み込み表示を作りたいとき
• 画面コンポーネントのエラー処理
• 非同期で取得したデータの表示

Antigravityの開発セッション記録を読み、作業範囲の変化や手戻りの原因を証拠と確度付きで整理し、指示文やコード基盤の改善策を報告します。

• 手戻りが続いた開発を振り返りたいとき
• 範囲変更とエージェント・コードの問題を分けたいとき
• 問題が繰り返されるファイルを探したいとき

Apache Airflowでデータ処理の順序や実行時刻を設計し、再実行、監視、テスト、本番導入までを見据えたワークフローの構築を支援するスキル。

• データ処理の依存関係を設計したいとき
• 定期バッチを実行したいとき
• Airflowをローカルテストしたいとき

プロジェクトの業界が決まった段階で、業界動向や適用候補の法規制、利用者に合う画面設計、技術選定とリスクを調べ、確認済みの事実と仮説を分けて資料にまとめます。

• 業界特有の要件を設計前に調べたいとき
• 対象地域の法規制を確認したいとき
• 利用者になじみのある画面設計の検討

色・文字・余白などの共通ルールを整理し、ライト・ダーク切り替えや複数ブランドへの対応、再利用するUI部品の設計と運用を支援するスキル。

• 色・文字・余白の共通ルールの整理
• ライト・ダーク切り替えの実装
• 複数ブランドでUI部品を共用したいとき

Goで複数の処理を並行して動かす実装を支援します。ワーカープールや処理の連携、キャンセルと終了管理、共有データの競合の調査に使えます。

• 並行ジョブのワーカープール実装
• channelで処理段階を連携
• キャンセルと終了処理を整えたいとき

画面のアクセシビリティを点検・改善し、WCAG 2.2に沿ったキーボード操作や読み上げ対応、フォーム設計、モバイルでの使いやすさを整えるスキル。

• 画面のアクセシビリティ点検
• キーボード操作とフォーカス管理
• フォームの読み上げ対応

Pythonのクラスや関数の責任を整理し、読みやすくテストしやすい設計を支援します。巨大な処理の分割や、継承・オブジェクトの組み合わせ・共通化の判断に使えます。

• Pythonの新規部品の責任を設計したいとき
• 巨大なクラスや関数を分割したいとき
• 重複処理を共通化する時期の判断

Pythonで通信やデータ取得の待ち時間に別の処理を進める非同期コードを実装し、複数タスクの同時実行から例外・タイムアウト・中断への対応までを扱うスキル。

• 同時アクセスの多いWeb API開発
• 複数の取得先から同時にデータ収集
• WebSocketサーバーやチャット開発

参考用のPPTXを変更せずに調べ、配色・書体・配置の傾向を整理するスキル。新しい資料の設計に使うレイアウト一覧の作成や、ファイル内部の診断も扱います。

• 参考資料の配色や書体を分析したいとき
• 参考レイアウトの一覧作成
• フォルダー内のPPTXを診断したいとき

Next.jsのApp Routerで、画面構成やデータ取得、キャッシュ、段階的な表示を実装するための指針をまとめます。新規開発や既存構成からの移行に使えます。

• App Routerで新規アプリを作りたいとき
• Pages Routerから移行したいとき
• 遅いデータを段階的に表示したいとき

アプリやAPIで失敗が起きたときの処理を設計・改善するスキル。例外や成功・失敗を表す型の使い分け、再試行、ログ、後片付けを整理し、原因を追いやすい実装を支援します。

• 新機能にエラー処理を加えたいとき
• 失敗時のAPIの動作設計
• 本番調査用のメッセージとログの改善

Unityで大量のキャラクターや物体を扱うゲームの設計・改善を支援します。データと処理を分けるECSの構成、Jobsによる並列処理、Burstの活用を案内します。

• 数千の対象を扱うUnityゲームの設計
• 既存のゲーム処理をECSへ移したいとき
• CPU負荷の原因を改善したいとき