Webサイトのデザイン画像を先に生成し、文字・余白・配色・配置を分析して画面に実装します。セクションごとの見本を使い、小型ノートPCでも読みやすい構成を目指します。
- 画像を見本にしたLP制作
- 小型画面でも読みやすいヒーロー制作
- 統一感のあるポートフォリオ制作
3,788 件 ・ 関連度順
概要と使いどころ
Webサイトのデザイン画像を先に生成し、文字・余白・配色・配置を分析して画面に実装します。セクションごとの見本を使い、小型ノートPCでも読みやすい構成を目指します。
四半期の振り返りや今後の計画を、青・オレンジ・クリーム色のレトロなスライドにまとめ、表紙・重点項目・工程表の3枚を単一のHTMLで作るスキル。
p5.jsで、計算ルールと乱数を使ったアートを制作します。乱数の初期値を固定して同じ描画を再現でき、ポスターや動きを感じる静止画、画面構成の試作に使えます。
1920×1080の固定キャンバスで、内容に合わせて構成を自由に組むスライド制作スキル。配色や文字サイズを統一し、キーボードで切り替えるHTMLにまとめます。
データを操作しながら読めるグラフや図をD3.jsで作るためのスキル。多様な図表の例を手がかりに、レポートやダッシュボード、データを使った試作品に活用します。
ポスターやイラストなどの静止画作品を、デザインの考え方や美的な原則に沿って制作するスキル。成果物をPNG画像やPDF文書として作成できます。
コードの処理を機能別のフローチャートに整理し、重複する仕組みを調べるスキルです。根拠付きの統合案と、実装計画に引き継ぐ依頼文を作成します。
段階に分けた実装計画を、役割別のサブエージェントに割り当てて進めます。各段階で検証・問題パターンの点検・コードレビューを行い、確認後にコミットとプッシュへ進みます。
Ant Designのテストが公開された動作を守っているかを静的にレビューします。実装をなぞるだけの検証や重複を見つけ、保持・書き直し・削除の判断を理由付きで示します。
RuViewの接続機器を検出し、ESP32の電波測定データ、ミリ波レーダーやLiDARの読み取り値を確認します。別のPCからのSSH参照も扱います。
複数のエージェントへの依頼を順番につなぎ、前の出力を次の工程へ渡して、コード分析や改修、テスト作成、データ変換を一連の手順で進めるスキル。
Webサイトの書体・余白・カード構造・動きを具体的なルールで整え、非対称レイアウトや二重枠を使った、奥行きのある画面デザインをコードに落とし込むスキル。
LPや商品紹介サイトのデザイン参考画像を、セクションごとに横長で生成します。配色や書体の統一感を保ちつつ、構図・余白・画像・ボタンの見せ方を設計します。
画像・文書・動画から必要な文字や数値、時系列を抽出し、ページや時刻と結び付けて検証します。同じ箇所の確認を繰り返さず、根拠をたどれる回答にまとめるスキルです。
図表やレポート、画面のモックアップをHTMLページとして作り、Orcaのチャット内に表示するスキルです。数値の比較や関係図など、視覚的な説明を回答に添えられます。
ローカルアプリや外部ブラウザの画面を操作し、クリック、文字入力、メニューやダイアログの操作、スクリーンショット取得をエージェントに任せるスキル。
GitHub のプルリクエストに届いた未解決のレビュー指摘を一件ずつ整理し、利用者が選んだ方針に沿って修正・返信・解決済みへの更新を進めるスキル。
繰り返される修正や注意事項を、コードの静的検査や実行時チェック、自動化スクリプトなどに組み込み、同じ誤りの再発を仕組みで防ぐためのスキル。
Storybookの/docs内の文書を、読者や目的に合わせてレビュー・改善・新規作成します。構成や説明例の見直しから、表記の整理、文書戦略の相談まで扱います。
PDFからのテキスト抽出や文書の結合・分割、MarkdownやHTMLからのPDF作成を支援します。ページ数や文書情報の確認、大きなファイルのページ単位の処理も扱います。
Docusealの操作をAIエージェントに任せるスキル。Rube MCP経由で利用可能なツールと入力条件を調べ、接続状態を確認して作業を実行します。
利用可能なツールと接続状態を確認し、Cultsの操作をAIエージェントに任せるスキル。Rube MCP経由で最新の入力仕様に沿って処理を進めます。
利用可能なツールと接続状態を確認し、Carboneの操作をAIエージェントに任せるスキル。Rube MCP経由で最新の入力仕様に沿って処理を進めます。
利用可能なツールと接続状態を確認し、Automの操作をAIエージェントに任せるスキル。Rube MCP経由で最新の入力仕様に沿って処理を進めます。