Kilo Code スキル
PopNow のスキルを Kilo Code にインストールしましょう。スキルをダウンロードしてスキルフォルダに展開すれば、次のチャットで名前を呼ぶだけで使えます。
スキルの置き場所
- すべてのプロジェクトで使う
~/.kilo/skills- このプロジェクトだけで使う
.agents/skills
PopNow に接続
スキルは無料です。画像・動画・音声を生成するには、PopNow の API キーを POPNOW_API_KEY に設定してください。このキーでの呼び出しは、別管理の米ドル(USD)建て API 残高から引き落とされます。有料の生成は毎回、先に見積もりを提示し、承認を待ってから実行します。
API キーを作成インストール用プロンプトをコピー
Kilo Code に貼り付けると、API キーを使ってスキルをダウンロードし、正しいフォルダに展開します。
作りたいものを伝える
スキルを呼び出し、テーマ、対象者、長さなど必要なことを普段の言葉で伝えます。
確認して仕上げる
できたファイルを開き、チャットで修正を頼み、納得できたら公開します。
- Web
3D アバター作成ツール
+25ぬいぐるみのようなかわいい 3D キャラクターをブラウザで作り、透過 PNG や 3D ページとして保存できます。
- スライド
研究発表スライド
+251 枚 1 メッセージで、数式、結果、発表者ノートまでそろった、投影向けの研究発表スライドです。
- Web
カレンダーヒートマップ
+251 年分の日々の活動を濃淡付きのカレンダーで表示。連続記録、合計、キーボード操作にも対応します。
- 動画
エージェント・クルーのローンチ動画
+25つややかなヘルパーのキャラクターが温かい点描の紙の上に並び、電話での実際の作業と、新しいヘルパーを生み出すスキルを見せます。
- 動画
AI チャットボットのデモ動画
+25暗いチャットアプリの中でナレーション付きのデモ。連携をオンにして質問し、結果とカウントアップを見せます。
- 動画
エージェントによる製品ローンチ映画
+25製品サイトと実際の画面から組み立てる、落ち着いたキーノート風のローンチ映画。ビートに合わせてカットします。
- Web
AI SaaS ランディングページ
+25温かみのある砂色の紙に細い罫線とハッチングの溝を配し、AI アシスタントがタスクを計画するライブのかんばんボードを置きます。
画像アルバムカバーアートキット
+25曲名と雰囲気を渡すと、正確な文字の 3000×3000 カバー、継ぎ目のないループ、宣伝画像が出てきます。
- 動画
チェックリストのアニメーション製品デモ
+25スマホ画面の横に紙のメモのチェックリスト。各ボックスは、画面上でその手順が起きた瞬間にチェックが入ります。
- Web
アニメーション付きヒーローセクション
+25見出しの一語がゆるやかに切り替わり、ボタン 2 つと横長の画像枠を備えた LP のヒーローセクションです。
- 動画
モバイルアプリのプロモ動画
+2510〜13 秒のアプリ紹介。製品の 7 つの場面が 1 回のカメラの動きのようにつながり、HTML と GSAP で組みます。
画像アパレルのモデル着用ルックブック
+25平置きの服の写真から、AI で生成した 1 人のモデルが着たルックブックを作ります。ポーズ、アングル、ウォーク動画つき。
- スライド
建築プロジェクトのプレゼンテーション
+25設計レビュー用のデッキ。1 ページに空間の論点は 1 つ、編集できる平面と配置計画、明確な依頼事項。
- スライド
記事をスライドに変換
+25長い記事やレポートを、出典付きで議論用の問いも入った短いブリーフィング資料に変えます。
- 動画
ASCII グリッチのハイプ映画
+25グリフのセルで描いた ASCII フレーム、追跡ボックス、ドットマトリクスの文字が、ロゴへ向けて 10 分の 1 秒ごとに切り替わります。
- 動画
ASMR・満足系動画メーカー
+25ガラスのフルーツを切るような、スローモーションの ASMR ショート。映像から生成した音と、継ぎ目のないループつき。
- 動画
ビフォーアフターの比較ローンチ動画
+25ほぼ黒のキャンバス、等幅のファイル名、ひとつの電気的なアクセント。内容を、まず静止したページとして、次に映画として見せます。
- Web
飲料ブランドのウェブサイト テンプレート
+25ショップ、ケース作成、取扱店マップ、デモ用チェックアウトを 1 ファイルに収めた、明るい飲料・スナックのブランドサイト。
- 画像
白黒スタジオのポートレート
+25日常の写真を、本人らしさを残したまま、落ち着いた白黒のスタジオ風ポートレートに変えます。
- 画像
ブログ記事のイラスト一式
+251 本の記事に合わせた 3 枚のイラスト。それぞれが、その段落で実際に言っていることを描きます。
- 動画
設計図風スペック・プロモ動画
+25ほぼ黒のスペックシートに描かれる主張。枠付きの図、ハッチング、引き出し線、表題欄で構成します。
画像ブックカバーデザイナー
+25タイトル、著者名、ジャンルを渡すと、3 つの方向性、正確な書体の電子書籍カバー、印刷用のラップ版ができます。
- スライド
ブランド戦略のデッキ
+25ほぼ黒の地に大きなクリーム色の見出し。ページごとに明るい色のタイルをひとつ置き、マットな 3D の静物を遊び心を込めて配します。
- スライド
ブランドガイドライン・デッキ
+25ブランドブックをスライドに。青い章扉、ロゴのグリッド、カラーの丸、書体の見本、モックアップ。
- 画像
ブランドキット& DESIGN.md 生成
+25短いブリーフからブランドキットを作ります。検証済みの配色、オープンなフォント、SVG ロゴ、モックアップ、エージェントが従う DESIGN.md。
- スライド
ブランドプレゼン資料
+25起源から信念、ビジュアルコード、未来までを語る、雑誌風のブランドストーリー資料。すべて編集できます。
画像やわらかいイラスト OG 画像メーカー
+25やさしいリンクプレビュー。アイボリーの地に浮かぶスマホ、ふわっとした落書き、丸みのある見出し。1200×630。
- 画像
自動車の断面図ポスター
+25一般的な車の側面からの断面図。系統ごとに色分けし、番号付きのマーカーと丸い拡大窓を付けます。
画像カルーセル投稿メーカー
+25記事や意見を渡すと、6〜10 ページのカルーセルが出てきます。LinkedIn の PDF、Instagram 4:5、RedNote 3:4。
- 画像
黒板風インフォグラフィック作成
+25正確で短いコピー、チョークの絵、ひとつの明確な読み順を持つ、16:9 の黒板風インフォグラフィック。
- 動画
変更履歴の解説動画
+25実際のプルリクエストを、差分を決して読まない人のための 30 秒の映画に変えます。
- 動画
ひとつのスレッドのチャット・ローンチ動画
+25温かい紙の上の、ひとつのチャットウィンドウ。リセットはされません。待ち時間を尋ね、修正を頼み、動くのを見ます。
- 動画
シネマティックなダーク UI ティーザー
+25黒い虚空に漂うあなたの UI。滑るカメラ、ひとつの鋭いピント、打ち込まれたコマンド、光る名前。
- 画像
シネマティックな絵コンテフレーム
+25ひとつのシーンを撮る 3 つの方法を、それぞれ別の絵コンテのコンタクトシートにまとめ、つながりを保ちます。
- スライド
切り絵風ワークショップ資料
+25切り絵のアクセントと人物の明るいフォトコラージュを使った、温かみのある手作り感のワークショップ資料です。
画像フィギュア・コレクション モックアップ
+25あなた、ペット、オリジナルのキャラクターを、デスクのフィギュア、箱入りのおもちゃ、切り抜き、回転クリップに。
- スライド
カラフルなポップ・プレゼン
+25シアン、コーラル、ピンク、金の色面に、大胆なスタジオ写真、角丸のパネル、大きくやさしい見出し。
画像塗り絵ブック・ジェネレーター
+25テーマを渡すと、印刷できる塗り絵ブックができます。きれいな線画、300 DPI のページ、ペーパーバックの本文 PDF。
- スライド
イベント紹介デッキ
+25明るいイベントのプレゼン。1 ページに鮮やかな色は 1 つ、丸い素の写真、紙吹雪のような形。
- スライド
会社案内デッキ
+25短い会社紹介。濃い紺の帯、フレームで囲んだオフィスの写真、大きな数字、少ない言葉。
画像コンセプトのメタファー・イラスト
+251 つのアイデアを、手描き風の 1 つの視覚的メタファーに。フラットでくすんだ色、オフホワイトの切り絵の形、太いマーカーの線。
- 画像
一貫したコンセプトアートのセット
+25同じ架空の世界に属することが明らかなキャラクター、小道具、背景。
- スライド
コンサル風スライド資料
+25すべてのタイトルが結論になり、最後のページで意思決定を求める、コンサルタント流の提言資料です。
画像コーネルノート風の学習シート
+25キュー(問い)、ノート、描いた図、穴埋めの練習用コピーがそろった、印刷できる 2 段組みの復習ページ。
- Web
シェーダーのヒーロー付きの代理店サイト
+25下に固定された宣言文の後ろで、ライブのオレンジの熱をしたシェーダーのヒーローが動き、ピルのナビと、ずらして並ぶ事例のグリッドが続きます。
- 画像
かわいいクレヨンの落書きアート
+25白い紙の上の、愛嬌のある不器用なクレヨンのキャラクター。ぐらつく線、塗りの殴り書き、くっきりしたファイル、シールの切り抜き。
画像かわいいマスコット アバター メーカー
+25丸くて目が 2 つのマスコット、またはちびキャラのビニール人形風キャラクター。切り抜きとプロフィール用のサイズセット付き。
- Web
ダークモード SaaS ランディングページ
+25動きの多いダークトーンのソフトウェア製品向けマーケティングサイトを、自己完結した HTML ファイル 1 つで届けます。
- Web
デザイナーのポートフォリオサイト
+25落ち着いたグレーの上で、フェードする見出しの周りを 6 枚の傾いたカードが漂い、赤いポートレートのカードと、雑誌風の事例が続きます。
- 動画
開発者ツールのローンチ・リール
+25ひとつのプロンプトを 4 か所に打ち込み、実際の結果をビートに合わせて切ったリール、最後にインストールのコマンド。
- Web
エンジニア向けポートフォリオサイト
+25事例紹介、執筆、登壇、履歴書、問い合わせフォームを備えた、エンジニア向けのダークな個人サイトです。
- 動画
デバイスモックアップ付きの SaaS 製品動画
+25暗いスタジオの中、ニュートラルなデバイスに映る実際のアプリ画面。そのあとひとつの実操作と、明るい見せ場。
画像ダイカットステッカーシート メーカー
+25キャラクターのステッカーを 8〜24 枚、白い縁つきで切り抜き、印刷できる A4 か Letter のシートとチャット用パックに。
画像EC 商品写真スタジオ
+25商品のスナップ写真のフォルダを入れると、白背景のメイン画像、シーン写真、バナーが出てきます。Amazon と Etsy の規則に照らして確認。
- スライド
編集できる PowerPoint テンプレート
+25テキスト、図形、グラフだけで作った洗練された資料なので、PowerPoint に書き出しても完全に編集できます。
- 動画
温かい紙の雑誌風ローンチ動画
+25温かい紙の上の特大の活字。フレームごとにアクセントはひとつ、持ち上がる製品カード、インクの黒への切り替え。
- 画像
雑誌風の線画イラスト
+25ブログのヘッダー、ニュースレター、SNS カード向けの、アクセント色ひとつの、すっきりした黒インクのイラスト。
- スライド
雑誌風プレゼンテーション
+25圧縮された見出し、クラフト写真、マスタードと朱色の色面を使った、紙の雑誌のようなスライド資料です。
- Web
雑誌風の SaaS サイト
+25ネイビーの分割ヒーロー、ドキュメンタリー写真の横に並ぶ 5 行のセリフの見出し、斜めの帯、コバルトのアクセントひとつ。
- 画像
エングレービング風の記事カバー
+25エッセイごとにひとつの、シュールな黒インクのエングレービング。クロスハッチングで端から端まで、大きなアイデアがひとつの場面で示されます。
- 画像
EV プラットフォームの分解図
+25電気自動車を層ごとに持ち上げて分解。バッテリー、モーター、客室、車体を色分けし、注記を付けます。
- 動画
解説動画用モーショングラフィックス・キット
+25コードで組んだグラフ、図解、文字、章のエフェクト 122 種。エージェントが台本の 1 行ごとに 1 つ選びます。
- 画像
製品の分解図ポスター
+25製品の、すっきりとした分解図のヒーロー画像。部品の名前は、あなたの仕様表から正確に入ります。
- 動画
顔を出さない商品広告メーカー
+25手元だけの開封、デモ、回転の広告を商品写真から作ります。テストできるフックの違う版つき。
- 画像
ファンタジー地図ジェネレーター
+25羊皮紙、アトラス風、黒線の、自分の世界の地図。すべての名前は正しく書かれ、グリッドはきちんと揃います。
- 動画
不満から機能へのローンチ動画
+25ユーザーが投稿し続けている不満から始めて、新機能がそれを偽だと証明します。
画像映画ポスター風 OG 画像メーカー
+25静かでポスターのようなリンクプレビュー。白黒のクローズアップ、大きな黒い 1 語、フィルムの粒子、正確な 1200×630。
- 画像
地域別の食の風味マップ
+25落ち着いた手描きの地図に、地域ごとの小さな味のグラフを共通の目盛りで置き、誠実な凡例を添えます。
- Web
フリーランスデザイナーのサイト
+25定額パッケージを売る、大胆な 1 人スタジオのサイト。プランのページ、事例、依頼フォーム付き。
- 動画
面白い課題と解決の動画
+25小さないらだちをギャグとして演じ、丁寧なお願いが積み重なり、ひとつのオレンジの錠剤が解決策になります。
画像2D ゲーム素材パック メーカー
+25統一感のある 2D ゲーム素材のパック。ポーズのキャラクター、タイル、小物、アイコンを JSON つきのスプライトシートに。
- スライド
グラスモーフィズムのプレゼン資料
+25空の写真と半透明のカードで、複雑なテーマもすっきり伝わる軽やかなグラスモーフィズムのスライドです。
- Web
グラスモーフィズムのサイトテンプレート
+25ほぼ黒のフィルムの上の、すりガラスのピル形ボタン。斜体の 1 語を含む大きなセリフの見出しと、メールの登録欄。
- スライド
パステルグラデーションの提案デッキ
+25やわらかいアプリコットとラベンダーのグラデーションに、太く黒い見出し。細かい粒子感と、広くて静かな余白。
- 動画
ハーフトーンのキャンバスのローンチ動画
+25生きたひとつのドットのキャンバスの上で進むローンチ映画。どの文字よりも一拍早く動きます。
- 動画
手描きのインフォグラフィック動画
+25ひとつの長いポスターに描かれたフェルトペンのパネル。カメラが描かれたルートをたどり、最後に全体のシートまで引いていきます。
- Web
ハードウェア製品のサイト
+25銀色のスタジオ写真の上に、極細の巨大なモデル名。すりガラスのスペックカード、実寸比のラインアップ、ハードウェアのベントー。
- 動画
歴史の一人称動画メーカー
+25「あなたは古代ローマで目覚める」一人称のショート。出典つきの事実表、ナレーション、環境音つき。
画像ホリデーカード・招待状メーカー
+25あいさつ文を 1 つ渡すと、印刷できる 5×7 のカード、SNS とストーリーの版、アニメーションのデジタルカード、出欠ページが出てきます。
- 動画
HyperFrames 向け AI 素材
+25HyperFrames 動画向けのヒーロー静止画、ブロール、BGM、ナレーション。先に見積もり、assets/ に整理して保存します。
- 画像
イラスト入りの街の地図メーカー
+25近所や町の、手描き風の地図。大事なところは正確で、ラベルも正確に入ります。
- 画像
インクスケッチの絵コンテ
+25短い話から作る、ラフな黒インクの絵コンテのページ。開いた線、白い余白、コマごとにひとつのビート。
- スライド
水墨画風プレゼンテーション
+25落ち着いた水墨画のスタイルのデッキ。和紙に霞んだ筆の山水、朱色のアクセント、大きな見出し。
- Web
インタラクティブなアーキテクチャ図
+25検証済みの JSON モデルから作る、オフラインでクリックできるシステム構成図。各ボックスの根拠も確認できます。
- Web
インタラクティブなグリッドのヒーロー
+25ほぼ黒の上の細い線のダークなグリッドが、カーソルの方へ曲がり、クリックのたびに光る輪が広がります。
- スライド
子ども向け授業スライド
+255〜10 歳向けの絵本風の授業スライド。漫画の案内役 2 人、落書きの縁、大きく読みやすいカード。
画像子ども向け絵本メーカー
+25お話のアイデアを渡すと、印刷できる絵本が出てきます。主人公は一貫して 1 人、Web のめくり本と、寝る前の動画つき。
- Web
ナレッジグラフ エクスプローラー
+25プロジェクトのメモを、すべての記述が出典の行にリンクする、オフラインで検索できるグラフに変えます。
- Web
KPI ダッシュボードのテンプレート
+25変化のチップ付きの 4 つの KPI タイルの下に、光る折れ線グラフ、内訳の表、目標のバー。温かい紙の上で。
- Web
AI モックアップからのランディングページ
+25まず 3 つのフルページのデザインを見て、ひとつを選ぶと、エージェントがきれいでレスポンシブなコードに組み上げます。
- 動画
製品ローンチ映画
+25URL か README から作る 20〜40 秒のローンチ動画。すぐ投稿できる文章と、3 つのアスペクト比。
- 画像
線画の OG 画像メーカー
+25落ち着いたリンクのプレビュー画像。オフホワイトのカード、短い黒い見出し、手描きのインクのキャラクター。
- 動画
リキッドなロゴの登場
+25ガラスのようなしずくがあなたのマークを読めないまま運び、弾けて、くっきりしたロックアップを残します。
- 動画
歌詞動画メーカー
+25曲と歌詞を渡すと、同期した歌詞動画(16:9 と 9:16)が出てきます。歌われるのに合わせて言葉が点灯。
- Web
Web マガジンサイト テンプレート
+25記事、トピック、小さなショップ、定期購読を備えた、紙の雑誌のような質感のサイトを HTML ファイル 1 つで。
- 画像
海洋生物学の研究ポスター
+25描かれた生息地の断面図を囲む横長の研究ポスター。番号付きの種と、調査結果のグラフ。
画像ミニチュアのジオラマ&天気カード
+25小さな等角投影の街、部屋、ティルトシフトの場面。文字を正確に入れた天気カード、ループ、4K の壁紙つき。
- 動画
ムードボード・リール動画
+259:16 のムードボードのリール。3 つの写真ボードをビートに合わせて切り替え、最後に 1 つの共有ボードにまとまります。
- 動画
複数のスタイルのキーノート・ローンチ動画
+25機能ごとに独自の世界を。青いグラフ、クリーム色のセリフのページ、暗い光の面、ポスターのグリッド。
- 動画
多言語ローンチ動画
+25製品名は動かず、言語ごとに自分の文字と声で、字幕つきで流れ込みます。対応言語を発表する映像です。
- 動画
ナレーション付きの解説動画
+2545〜120 秒の解説。声と単語に同期した字幕つきで、コラージュ、ホワイトボード、データのいずれかのスタイル。
- スライド
ナレーション付きレポートスライド
+25レポート、文書、リンクを、ページごとの音声解説つきのスライドに。内蔵のプレーヤーつき。
- スライド
夜空のストーリーデッキ
+25深いネイビーの空に、きらめく星と金のセリフの見出し。地平線の温かい光と、描かれた風景。
画像古い写真の修復
+25傷や色あせた家族写真を入れると、忠実な修復、色の推定、やさしい動く写真が出てきます。
- スライド
アウトドアプログラム紹介スライド
+25アウトドアプログラム、クラブ、合宿向けの、写真が主役の明るいプレゼン資料。編集でき、PowerPoint にも対応します。
- 動画
切り絵風の科学アニメーション
+25影箱の紙の層、切り絵の太陽と月、紐で揺れるラベル。ひとつの科学のアイデアを、ナレーション付きで。
- Web
パーティクルアニメーションのヒーロー
+25温かい紙の上の文章の横で、インクとティールのドットの回転する球体が、アイデアごとに形を変え、スクロールで散ります。
- 動画
提携の発表動画
+25枠付きの窓の中の発表者、ひとつのカードに並ぶ二つのロゴ、タイプされる三段階の設定、声に合わせて流れる動詞。
- Web
個人ブランドのウェブサイト
+25細い枠の中で、温かい紙にやわらかくなじむ肖像。両側には、軽めと太字の言い切り。
画像ペットの肖像画スタジオ
+25お好みのスタイルのペットの肖像画に、ステッカー、短いクリップ、印刷データを添えて。模様は全部残します。
- Web
ペットショップのウェブサイト テンプレート
+25カタログ、バリエーション、カート、補充プランナー、デモ用チェックアウトを 1 つの HTML ファイルに収めた、動くペット用品ショップ。
- 画像
スマホモックアップの生成
+25柔らかい背景の上で、3D の折りたたみスマホが開く製品画面。くっきりした PNG の静止画か、折りたたみの動画で。
- 画像
写真の構図スタディ
+25ひとつの被写体を、それぞれ別の構図の原理で撮った 3 つの写真風のスタディ。
- スライド
ピッチデックのテンプレート
+25紫のガラスに照らされたインディゴの表紙、淡いライラックのページ、角丸の写真の窓、主要な数字ごとにひとつのガラスのカード。
- 動画
ピクセルアートのプロモ動画
+25リンク、ピッチ、ストーリーからフレームごとに描く、製品についてのレトロなピクセルアートの映画。
- 動画
ぬいぐるみキャラクターのローンチ動画
+25フェルトのぬいぐるみのキャラクターがカーソルに乗り、チームのエディターの中で、ライブであなたのプロモを組み立てます。どのカットもビートに合わせて。
- Web
ポッドキャストのウェブサイト テンプレート
+25再生できるヒーロー、エピソードのアーカイブ、ゲストのページ、ページをまたいでも再生が続くプレーヤーを備えた番組サイト。
Web手描き風の料金表セクション
+25傾いたインクのカード、年額切り替え、ダークモードを備えた、ノートのような料金表。1 つのオフラインファイル。
画像製品の断面図
+25製品を切断した図で、各層を実際の順に示し、仕様表から取った番号付きの注記を付けます。
- Web
シネマティックな製品ローンチページ
+25映画の光に照らされたほぼ黒のページ。ゆっくり流れる光の上のセリフの表題カード、レターボックスの夜のシーン、予約フォーム。
画像引用カードメーカー
+25正確な文字と、確認済みのクレジットやハンドルを入れた、正方形と 4:5 の引用カード。アイデアの線画つき。
画像不動産の掲載写真キット
+25物件の写真を入れると、きれいにして表示を整えた掲載画像、ステージングした部屋、ツアーのクリップ、掲載用 PDF が出てきます。
- スライド
研究論文のプレゼン
+25温かい紙の上の、図を中心にしたページ。深い緑のインク、琥珀色のセクションのタブ、すべてのグラフの下の出典の行。
- Web
論文のウェブサイト
+25論文のプロジェクトページ。インタラクティブな図 1、結果、限界、ワンクリックの引用つき。
- Web
管理画面ダッシュボード テンプレート
+25グラフ、表、カンバン、カレンダーを備えた、実際に動くバックオフィス画面を、オフライン HTML ファイル 1 つで。
- Web
SaaS ランディングページ テンプレート
+25実際に動く製品コンソール、料金、登録フォームを備えた、落ち着いた明るいトーンのソフトウェア製品向けマーケティングサイトです。
- Web
スクラップブック風ポートフォリオサイト
+25紙の小物で作る複数ページのオンライン履歴書。事例紹介と印刷できる履歴書付きです。
- スライド
スケッチノート風プレゼン資料
+25巨大な見出しと手描きのインクイラストを使った、黒と黄色の大胆なプレゼン資料です。
- 画像
スケッチノートの画像ジェネレーター
+25記事やメモを、正確で確認済みのラベルを持つ、手描きの 4:3 のスケッチノート 1 枚にします。
画像スキンケアの科学図
+25成分がどこで働くかを示す肌の層の図。根拠を示す矢印と、すべての主張に出典。
- Web
スニーカーショップ サイトテンプレート
+25カタログ、商品ページ、カート、デモ決済を備えた、靴・アパレルのショップ一式を HTML ファイル 1 つで。
- 画像
SNS カバーとサムネイルのジェネレーター
+25ひとつのメッセージから、OG 画像、投稿のカバー、動画のサムネイルを、確認済みのセットで。どのサイズも正確です。
- スライド
SNS レポートのデッキ
+25グレーの上の青と炭色の二色の見出し、グレースケールに切り抜いたチームの写真、傾いたピル、A/B/C の選定。
- 動画
無音から音へのリビール・プロモ
+25完全な無音の中で、ボタンが三度押される。そのあと同じショットが音つきで流れ、さらに音楽つきでもう一度。
- Web
スポーツクラブのウェブサイト テンプレート
+25時間割、コーチのページ、会員制度、コートの配置図、予約を 1 つのファイルにまとめた、クラブ、ジム、スタジオのサイト。
- 動画
正方形の UI モーフィング・プロモ
+25温かい紙の上で、ボタンが伸びてプロンプトのカードになり、表示が引いてセッションの壁になります。
- スライド
スタートアップのピッチデック
+25黒の上の鮮やかな青いガラスのリボン、巨大な白い見出し、枠付きの写真、ページごとに淡い青のカードがひとつ。
- 動画
紙の絵本アニメーション
+25動く絵本。フェルトと粘土の切り絵、重ねた紙の丘、ひとつずつ飛び出す言葉。
- スライド
絵本風のプレゼンテンプレート
+25象牙色の紙に描かれたグワッシュの子どもの肖像、巨大な黒い章の番号、縦のラベル、小さな文字の島。
- 動画
しゃべる物のドラマシリーズ
+25しゃべるフルーツや物が主役の縦型のマイクロドラマ。キャラクターの見た目と声は固定。
- 動画
お客様の声の動画メーカー
+25温かい罫線の紙の上の、持ち上がったカードのあるポートレートの板。ティールのアクセントひとつ、顧客ごとに静かなクロスフェード。
- Web
お客さまの声の壁セクション
+25お客さまの声を組石のように並べるか、ゆっくり流れる壁にするセクション。掲載の了承を得た声だけを出します。
- 動画
人物の後ろに文字を置くタイトル
+25カメラに映る人の後ろに、巨大な見出しが勢いよく入り、きれいなカットのあとはフレーム全体を占めます。
- 動画
チャット風ストーリー動画
+25縦型のチャットのストーリー動画。メッセージが次々に現れ、入力中の点が出て、吹き出しごとに効果音が鳴ります。
- 動画
素材の質感の文字プロモ
+25テラゾー、レンガ、スチールから切り抜いた見出しの文字。温かいムードボードの上で、3 フレームごとに表面が入れ替わります。
- スライド
学位審査のスライド
+25主張のタイトル、各結果と限界を並べたページ、質問への予備のページを備えた審査用のスライド。
- スライド
研修用プレゼン資料
+25説明、実践、ふりかえりの短いサイクルで構成し、アクティビティと行動宣言まで入った実践型の研修資料です。
- Web
旅行会社のウェブサイト テンプレート
+25ツアー、ガイド、ロッジのための写真中心のサイト。旅の検索、予約リクエスト、旅選びのクイズつき。
- 動画
動画のチャプター タイトルカード
+25長い動画のためのチャプターカード。1 つのリストから番号が振られ、説明欄に貼るタイムスタンプの一覧つき。
- スライド
ストーリーテリング型プレゼン資料
+25全面に描いたシーンと短いキャプションで、シーンごとに物語を進める映画のようなスライド資料です。
画像水彩のコンセプト図
+25何がどう働くかを示す水彩の絵。細いインクの線、すっきりしたラベルの帯、正確な注記。
- 動画
ホワイトボードアニメーション動画
+25マーカーペンが一枚のボードに授業全体を描き、誤解を消し、そのあと完成したボードへ引いていきます。
- Web
ワークフロー自動化のランディングページ
+25グラファイトのページ。小さく左寄せの見出しと、その下で実行、再試行、ログの流れるライブのノードグラフ。
- スライド
ジン風のコラージュ・プレゼン
+25クリーム、黒、ポスターの赤のページに、テープで留めた粒子の粗い写真、付箋、赤い番号のタブ、タイプライターの文字。
28 種の AI エージェントに対応
スキルはどのエージェントでも同じ。保存先フォルダだけが異なります。エージェントを選ぶと、正確なパスとコマンドを確認できます。
- Claude Code
~/.claude/skills - Codex
~/.agents/skills - Cursor
~/.cursor/skills - Gemini CLI
~/.gemini/skills - GitHub Copilot
~/.copilot/skills - Windsurf
~/.codeium/windsurf/skills - OpenClaw
~/.openclaw/skills - Antigravity
~/.gemini/antigravity/skills - OpenCode
~/.config/opencode/skills - Hermes Agent
~/.hermes/skills - Kimi Code
~/.agents/skills - Kiro
~/.kiro/skills - Trae
~/.trae/skills - Qoder
~/.qoder/skills - Qwen Code
~/.qwen/skills - Cline
~/.agents/skills - Roo Code
~/.roo/skills - Amp
~/.config/agents/skills - Zed
~/.agents/skills - Warp
~/.agents/skills - Goose
~/.config/goose/skills - Junie
~/.junie/skills - CodeBuddy
~/.codebuddy/skills - OpenHands
~/.openhands/skills - Devin
~/.config/devin/skills - MiniMax Code
~/.minimax/skills - Mistral Vibe
~/.vibe/skills
SKILL.md を読み込めるエージェントなら、ほかのものでも使えます。スキルをそのエージェントのスキルフォルダに展開してください。
よくある質問
インストール、料金、成果物の利用について。
Kilo Code にスキルを追加するには?
スキルのインストール用プロンプトを Kilo Code に貼り付けるか、ZIP をダウンロードしてこのページに記載のスキルフォルダに展開します。Kilo Code はそのフォルダと SKILL.md を読み込みます。バージョンによっては、新しいセッションを始めるまで新しいスキルが認識されません。
Kilo Code のスキルとは?
スキルは、SKILL.md ファイルにテンプレート、スクリプト、参考資料を加えたフォルダです。依頼内容が合うと Kilo Code がそれを読み込み、手順とチェックに沿って進めるので、長いプロンプト頼みではなく安定した結果が得られます。
エージェントスキルとは?
エージェントスキルとは、SKILL.md の手順書に、テンプレート、スクリプト、参考資料を加えたフォルダです。AI エージェントは作業内容が合うとそれに従います。Claude Code、Codex、Cursor などは自動で読み込むため、その場限りのプロンプトではなく、検証済みのデザインシステムに沿った結果になります。
エージェントスキルと MCP の違いは?
MCP は、PopNow の画像・動画モデルのようなツールやデータにエージェントをつなぐしくみです。スキルは、レイアウトのルール、手順、チェックなど、ひとつの仕事をうまくこなす方法をエージェントに教える手引きです。両者は組み合わせて使えます。MCP で PopNow を接続すれば、アシスタントがこれらのスキルを見つけて使い、スキルは画像や音声のために PopNow を呼び出します。
スキルは無料ですか?
はい。PopNow のアカウントがあれば、スキルのダウンロード・インストール・利用は無料です。料金がかかるのは、PopNow で生成する AI 画像・動画・音楽・音声だけです。インストールしたスキルの POPNOW_API_KEY を含む API キーでの呼び出しは、別管理の米ドル(USD)建て API 残高から引き落とされます。OAuth/MCP で接続した ChatGPT や Claude からの生成は Web サイトのクレジットを使います。有料の生成は毎回、先に見積もりを提示し、承認を待ってから実行します。
これらのスキルは Claude や ChatGPT で使えますか?
はい。OAuth で PopNow を Claude、ChatGPT などの MCP 対応アプリに接続し、作りたいものを伝えてください。アシスタントが合うスタイルを探し、選んだものを使います。スキルは無料で、素材の生成には Web サイトのクレジットを使い、見積もりへの承認を待ってから実行します。スライド、Web サイト、HTML 動画など、編集できるファイルを作るスキルは、Claude Code などのコーディングエージェントに向いています。
どのエージェントに対応していますか?
SKILL.md フォルダを読み込めるエージェントなら使えます:Claude Code、Codex、Cursor、Gemini CLI、GitHub Copilot、OpenCode。スキルはどこでも同じで、違うのはインストール先のフォルダだけです。
PopNow のスキルとはどう違いますか?
キャンバスのスキルは PopNow の中で Poppie が実行します。ここにあるエージェントスキルは自分のパソコン上のコーディングエージェントにインストールでき、スライド、Web サイト、HTML ベースの動画など、編集し続けたいファイルに向いています。
作ったものは商用利用できますか?
はい。作ったものはクライアントワークも含めてあなたのものです。スキルのパッケージ自体はご自身での利用に限り、再販や再配布はできません。
どの AI ツールでプロダクトローンチ動画を作れますか?
PopNow です。Claude や ChatGPT に接続するか、コーディングエージェントにローンチ動画スキルをインストールし、20 種類以上の無料スタイルから選んでください。エージェントが実際の製品から MP4 を書き出し、料金を承認すると PopNow の音楽、ナレーション、効果音を加えます。「AI でプロダクトローンチ動画を作る方法」もご覧ください。
AI エージェントで動画、画像、スライドを作る一番よい方法は?
エージェントに仕事用のスキルと、メディアを作る場所を渡すことです。PopNow のエージェントスキルは PopNow 向けに書かれているため、レイアウト、プロンプト、モデルの選び方が最初から狙った雰囲気に合います。画像、映像、音楽、音声は 1 つの PopNow アカウントから作られ、すべての処理は実行前に料金が表示されます。

