Web画面のデザインをAIエージェントと見直すための指針です。23のサブコマンドと避けたい表現の例を備え、専用CLIで61のルールに基づく検出も行えます。
- Web画面のデザインを見直したいとき
- 文字組み・配色・配置の調整
- 多用されがちなデザイン表現の確認
4,747 件 ・ 関連度順
概要と使いどころ
Web画面のデザインをAIエージェントと見直すための指針です。23のサブコマンドと避けたい表現の例を備え、専用CLIで61のルールに基づく検出も行えます。
プロジェクトやWebサイトの実際の画面・フォント・素材を使い、公開告知用の動画を作るスキル。構成から音楽・効果音・書き出し、共有文の作成まで扱います。
プロジェクトの内容を読み取り、紹介の切り口とトーンを決めて短い告知動画を制作するスキル。動画に加え、ポスター画像と共有用の文章も出力し、縦横比や音声を指定できます。
文章やMermaidから、システム構成や業務の流れを操作できるHTML図に変換します。検索や関係の追跡、画像・動画への書き出しに対応し、9項目の検証結果も添えます。
目標画像と実装した3Dシーンのスクリーンショットを比較し、構図・照明・質感を段階的に改善します。見た目の再現度を採点し、描画速度も確認しながら修正を重ねるスキルです。
既知のURLから本文やリンク、画像などを取得する機能を、Firecrawlの`/scrape`でアプリに組み込みます。単一ページの情報抽出と取得データの鮮度設定を支援します。
Claudeを使うアプリの実装や更新を、言語別の資料に沿って進めます。公式SDKでの呼び出し、ツール連携、モデル移行、費用の見直しや評価の整備を扱います。
開発依頼に必要な変更範囲を確かめ、既存コードや標準機能を使って、課題を解決する最小限の実装へ導きます。関連箇所の修正や必要なテスト、短い報告も重視します。
Gitの変更履歴から開発成果、作業時間帯、テストの割合や変更の集中箇所を分析し、個人・チームの改善点と過去からの推移をまとめる振り返り用スキル。
開発計画の目的や前提を問い直し、複数の実現案と実施範囲を比較します。設計・セキュリティ・テストなどの観点から問題を洗い出し、実装前の判断を支えるスキル。
`/freeze`で設定した編集対象ディレクトリの制限を解除するスキル。セッションを終了せずに編集範囲を広げ、すべてのディレクトリでの編集を再び許可します。
編集できる範囲を指定フォルダ内に限定し、範囲外への編集・書き込み・ノートブック変更をブロックします。デバッグや特定モジュールの修正で、無関係な変更を防ぐスキルです。
コードの変更差分と関連するテスト・呼び出し元を読み取り専用で調べ、変更によって生じた修正すべき不具合を、根拠と重要度を添えてまとめるスキル。
Browser Use Cloudのブラウザ操作を、Base上のUSDCで支払えるように、ウォレットの準備から秘密鍵の保存、動作確認、アプリへの組み込みまで案内します。
技術情報や否定・数値を残しながら、エージェントの返答を短い語句へ圧縮します。重複説明を省き、明示的に解除するまで簡潔な応答を続けるスキルです。
既存の作業が受け入れ条件を満たすか、必要十分な確認で検証します。現在の状態に合う結果を再利用し、合否や実行できない理由を整理して、確認完了時に終了します。
初めて触るコードや通常の検索で見つからない処理について、関連ファイルの場所を読み取り専用で調べます。確認済みの行範囲と短い理由を添えて報告します。
マージ前のコード変更を、正しさ・読みやすさ・設計・セキュリティ・性能の5軸でレビューし、修正が必要な問題と任意の提案を整理するスキルです。
混在したコード変更を目的ごとのコミットに整理し、ブランチやPRの運用から、互換性に応じたバージョン番号と変更履歴の作成まで支援するスキルです。
設計の判断理由や比較した案を記録し、README・API文書・変更履歴を整えます。後から参加する人やAIエージェントに、実装の背景を伝えるスキルです。
重複や検証内容の乏しいテスト、内部実装に依存するテストを調べ、不具合の再発を検出する確認を残しながら、根拠に基づいて整理・削除するスキル。
GitHubのPRで最新コミットの自動チェックを調べ、失敗の原因確認、修正、プッシュ、再確認を繰り返し、成功状態または解消できない具体的な阻害要因を報告します。
PRや大規模なコード変更を詳しく調べ、設計の説明、問題点、マージの判断をHTMLやMarkdownにまとめます。変更差分だけでなく、システム全体の動きも確認します。
エージェントの作業中に実際に生じた、ほかの作業にも共通する支障をもとに、具体的な改善案をPaperclipへ記録し、主作業を止めずに共有するスキル。