「implement」の検索結果

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

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

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

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

データやAPI、設定、依存関係の移行を、互換性と既存データを保ちながら進めます。切り戻し手順や新旧両方の動作確認を含め、段階的な変更を支援します。

• 既存データを保って移行したいとき
• 新旧バージョンが併存する更新
• 移行前の切り戻し手順の準備

曖昧なアイデアを、目的・作業範囲・完了条件が分かる仕様書にまとめます。複数機能の分割や依存関係も整理し、人の承認を挟みながら計画・タスク化・実装へ進めるスキルです。

• 実装前にアイデアを具体化したいとき
• 完了条件を含む要件書の作成
• 大きな要件を独立した機能に分割

MCPや外部サービスとの連携を調査し、根拠付きの計画をPRにまとめます。特定の調査版への人の承認後、接続ごとにPaperclipの実装と検証を進めるスキルです。

• MCPや外部サービスの接続要件を調べたいとき
• 人の承認に向けた連携計画の作成
• 承認済みのPaperclip接続を個別に実装

Figmaファイルから要素の階層、色や文字などのデザイン設定、書き出し対象の画像素材を抽出するスキル。後続の変換や実装で使えるファイルとして保存します。

• Figmaの要素構造を抽出したいとき
• 色・文字・余白の設定を集めたいとき
• 実装用の素材を準備したいとき

制作前の計画段階で、既存のデザインルールやブランド資料、依頼内容から見た目の方向性を一つに定め、配色や書体などの実装方針を整理するスキル。

• 実装前にデザイン方針を固めたいとき
• 既存のデザインルールを適用したいとき
• ブランド資料から方針を決めたいとき

デスクトップ向けランディングページの構成を灰色のボックスで描き、番号付きの注釈と仕様パネルで、配置や実装時の要点を共有するワイヤーフレームを作ります。

• デスクトップ向けLPの構成検討
• 開発担当への仕様メモ共有
• ナビや訴求エリアの配置確認

shadcn/uiで、構造が整理され、アクセシビリティに配慮した画面の部品を実装するスキル。Stitchのデザイン反復作業と組み合わせて使えます。

• shadcn/uiで画面部品を作りたいとき
• アクセシビリティに配慮した部品の実装
• Stitchのデザイン反復と連動した開発

参考画像や曖昧な好みを、配色・書体・レイアウトなどの具体的なデザイン方針に整理し、再利用できるDESIGN.mdと制作担当への引き継ぎ資料にまとめるスキル。

• 参考画像からアプリの見た目を決めたいとき
• リデザイン前に判断基準を整理したいとき
• スライドのデザイン方針を引き継ぎたいとき

Webサイトのデザイン画像を先に生成し、文字・余白・配色・配置を分析して画面に実装します。セクションごとの見本を使い、小型ノートPCでも読みやすい構成を目指します。

• 画像を見本にしたLP制作
• 小型画面でも読みやすいヒーロー制作
• 統一感のあるポートフォリオ制作

コードベースをもとにFigmaのデザインシステムライブラリを作成・更新します。実装済みの部品と、デザイン側で参照するライブラリを揃える作業に使えます。

• コードからFigmaライブラリを作りたいとき
• 実装に合わせたデザインライブラリの更新
• デザインの参照資料と実装を揃えたいとき

実装済みのUIを見た目の面から点検し、コード修正まで進めるスキル。変更を小さな単位でコミットし、修正前後のスクリーンショットで公開前の仕上がりを確認します。

• 公開前のUIを点検したいとき
• 見た目の点検結果に基づく修正
• UI修正前後のスクリーンショット比較

コードの構造を解析し、関連する関数やクラスを検索して、必要な実装だけを読み出します。大きなファイルの全体像をつかみ、読み込む情報量を抑えながら調査を進めるスキルです。

• 機能に関係する関数を探したいとき
• 大きなソースファイルの構造把握
• 特定の関数の実装だけ読みたいとき

Ant Designのテストが公開された動作を守っているかを静的にレビューします。実装をなぞるだけの検証や重複を見つけ、保持・書き直し・削除の判断を理由付きで示します。

• テストの保持・書き直し・削除の判断
• 実装をなぞるだけの検証を見つけたいとき
• 既存テストとの重複を確認したいとき

claude-flow v3の実装を15のエージェントに分担し、セキュリティ、基盤、統合、品質確認からリリースまで、依存関係と14週間の工程を管理するスキル。

• v3実装を15エージェントに分担したいとき
• 依存関係を守って並列開発したいとき
• GitHubで工程と進捗を追いたいとき

分散したエージェントの記憶データをAgentDBに集約し、SQLiteやMarkdownからの移行、意味の近い情報の検索、エージェント間の共有を設計するスキル。

• 分散したエージェント記憶の統合
• SQLite・Markdownのデータ移行
• 意味の近い保存情報を探したいとき

claude-flow v3のセキュリティ設計を見直し、依存パッケージ、パスワード保存、認証情報、入力検証、コマンド実行の対策とテストを整えるスキル。

• セキュリティ境界と脅威の整理
• 依存パッケージの更新と監査
• パスワード保存と認証情報生成の見直し

エージェントの行動と結果をAgentDBに記録し、類似する経験の検索や成功判定、記憶の整理を通じて、過去の経験を判断に再利用する仕組みを実装するスキル。

• 経験を再利用するエージェントの開発
• エージェントの行動と結果を記録・判定
• 似た経験を共通パターンに整理したいとき

Webサイトのデザイン画像を先に生成し、文字・余白・配色・配置を分析して実装へつなげます。セクションごとの画像を基準に、読みやすいLPやポートフォリオを作るスキルです。

• デザイン画像を基準にLPを作りたいとき
• ポートフォリオを改修したいとき
• 小型画面でも見やすい冒頭の設計

ライブラリやAPIの使い方を公式資料で確かめ、対象バージョンに合う回答や実装につなげます。確認できた事実と推測を区別し、コード変更後の検証まで進めるスキルです。

• APIやオプションの仕様確認
• 特定バージョンに合わせた実装
• 公式資料を既存プロジェクトへ反映

PRのタイトルと説明をコミットや変更差分と照合し、重要な変更の抜けや古い記述を確認します。修正案を提示し、利用者の合意後に更新まで進めます。

• PRの説明と実装を照合したいとき
• 主要な変更の記載漏れを補いたいとき
• 古いPRタイトルを更新したいとき

遅い・不安定・重複したテストを見直し、守るべき動作と実行・保守の負担から、追加・統合・削除や変更箇所に応じた検証範囲を判断するスキル。

• 遅い・不安定なテストの見直し
• 変更箇所のテストを選びたいとき
• コミットやPR前のテスト変更レビュー

機能追加や移行などの変更案を、実際の問題と利用箇所から検討します。必要十分な範囲を選び、影響や検証方法を整理し、実装を依頼された場合は修正と確認まで進めます。

• 機能追加案の必要性を判断したいとき
• リファクタリングや移行の範囲整理
• APIやデータ項目の利用者の確認