本文へ移動
cccskills

Feima Code

@feimacode

組織

249 スキル1 リポジトリ 1,023

スキル(249)

検索で絞り込む

od-deck-guizang-ppt

無料概要あり

ブランド施策を売上につなげる年間マーケティング計画を、Guizang Ppt のビジュアルでスライドに構成します。成長戦略と数値の結び付きを整理したいときに使えます。

  • 年間マーケティング計画を発表したいとき
  • 施策と成長指標を結び付けたいとき
  • 資料を意思決定用スライドにしたいとき
feimacode/open-design-agent-kit1,0192026年11月6日 更新

動画の内容をSpotifyの再生中画面風カードに仕立てます。アルバムアートや進行バー、再生操作を含むデザインを、動画のオーバーレイや個人サイト向けに作成します。

  • 動画に音楽プレーヤー風の表示を加えたいとき
  • 個人サイトに再生中カードを載せたいとき
  • 手元の内容をSpotify風カードにしたいとき
feimacode/open-design-agent-kit1,0192026年11月6日 更新

動画の内容を一目で伝えるYouTubeサムネイルを、短いフック文と目立つ主題、高いコントラストを意識してデザインします。

  • 動画用のサムネイルを作りたいとき
  • 動画の見どころを短いコピーで伝えたいとき
  • 目立つ主題のサムネイルを設計したいとき
feimacode/open-design-agent-kit1,0192026年11月6日 更新

open-design-explore

無料概要あり

ひとつの依頼から異なるデザイン案を2〜4種類作り、並べて比較したうえで選んだ案を発展させます。複数案を見比べてから方向性を決めたいときに使うスキルです。

  • 複数のLP案を比べたいとき
  • 料金ページの構成を見比べたいとき
  • デザインの方向性を決めたいとき
feimacode/open-design-agent-kit1,0192026年11月6日 更新

3枚構成の正方形ソーシャルカルーセルをデザインします。ブランドやビジュアルの指定を反映し、Instagramに載せやすい画像として仕上げます。

  • Instagram向けの3枚カルーセルを作りたいとき
  • SNS用の正方形カードをデザインしたいとき
  • ブランドの雰囲気に沿った投稿画像を作りたいとき
feimacode/open-design-agent-kit1,0192026年11月6日 更新

od-prototype-card-twitter

無料概要あり

投稿に添える引用カードやデータカードを、実際の文章・データを使ってTwitter向けにデザインするスキルです。

  • 投稿に添える引用カードを作りたいとき
  • データをシェアカードにまとめたいとき
  • ブランドに合う投稿画像を作りたいとき
feimacode/open-design-agent-kit1,0192026年11月6日 更新

od-video-vfx-text-cursor

無料概要あり

文章を、カーソルの光跡や色の光線、フレアで引用文を見せる動画イントロに仕立てるテンプレートを使います。

  • 動画冒頭に引用文を表示したいとき
  • 文章を光跡の演出で見せたいとき
  • フレアを使ったイントロを作りたいとき
feimacode/open-design-agent-kit1,0192026年11月6日 更新

open-design-site-audit

無料概要あり

公開中のWebサイトを、見やすさやアクセシビリティ、スマートフォン表示などの観点で確認し、問題箇所を示した画像付きの簡潔な報告をまとめます。

  • サイトのスマホ表示を点検したいとき
  • アクセシビリティ上の問題を探したいとき
  • リニューアル提案の根拠を集めたいとき
feimacode/open-design-agent-kit1,0192026年11月6日 更新

open-design-new

無料概要あり

目的に合う制作物を選び、質問で要件を補いながら、適切な手順でポスターや画面、資料などのデザインを形にします。

  • イベント告知のポスターを作りたいとき
  • アプリ画面やワイヤーフレームを考えたいとき
  • スライドや文書をデザインしたいとき
feimacode/open-design-agent-kit1,0192026年11月6日 更新

od-video-frame-glitch-title

無料概要あり

デジタルノイズや色ずれ、データ破損風の表現を使い、動画の切り替えやサイバーパンク調の見出しに使うタイトルフレームを作成します。

  • 動画の切り替え用タイトルを作りたいとき
  • サイバーパンク調の見出し画面を作りたいとき
  • グリッチ表現のタイトル枠を作りたいとき
feimacode/open-design-agent-kit1,0192026年11月6日 更新

コンテンツを付箋と曲線コネクターでつないだ、カーソル操作に対応するホワイトボード風のフレームにまとめます。

  • アイデアを付箋で整理したいとき
  • 要素同士の関係を図にしたいとき
  • ブレインストーミング用の画面作成
feimacode/open-design-agent-kit1,0192026年11月6日 更新

Liquid Background Heroのテンプレートを使い、流体のようにゆがむ背景と引用文を組み合わせた映像イントロ、ランディングページのヒーロー画面、ポスターを制作します。

  • 流体背景の映像イントロを作りたいとき
  • 引用文を重ねたページのメイン画像を作りたいとき
  • テンプレートを使ってポスターを作りたいとき
feimacode/open-design-agent-kit1,0192026年11月6日 更新

open-design-integrations

無料概要あり

Open Designで利用できるCanva、Figma、Notion、Google Drive、Slack、SNS投稿サービスの接続状況を確認し、接続方法を案内します。

  • 利用できる連携先を確認したいとき
  • サービスの接続状態を調べたいとき
  • 連携サービスの設定方法を知りたいとき
feimacode/open-design-agent-kit1,0192026年11月6日 更新

ニュース編集部風の文字組みや段階的な表示アニメーションを使い、実データを含むチャート付き動画フレームをテンプレートから作ります。

  • データをニュース風の動画フレームにしたいとき
  • チャートを段階表示する映像素材を作りたいとき
  • 実データを使った編集的なビジュアルを作るとき
feimacode/open-design-agent-kit1,0192026年11月6日 更新

open-design

無料概要あり

ポスターやSNS画像、スライド、Webページなどを作成し、仕上がりを確認してPDF・PNG・PowerPoint形式で保存できます。

  • イベントのチラシを作りたいとき
  • SNS投稿の画像を用意したいとき
  • 企画をスライドで見せたいとき
feimacode/open-design-agent-kit1,0192026年11月6日 更新

小紅書風の知識カードを、用意されたテンプレートに沿ってスワイプ式のカルーセルにまとめます。実際の内容やデータを使ったカードを作りたいときに使えます。

  • 記事を小紅書風カードにしたいとき
  • 調査結果をカルーセルにしたいとき
  • 知識をSNS向けに視覚化したいとき
feimacode/open-design-agent-kit1,0192026年11月6日 更新

od-video-frame-logo-outro

無料概要あり

ロゴの分割組み立てや発光、タグラインの表示を取り入れた動画の締め画面を作成します。ブランドのアウトロやクロージングに使えます。

  • ブランド動画のアウトロを作りたいとき
  • ロゴとタグラインの締め画面を作りたいとき
  • ロゴが組み上がる演出を作りたいとき
feimacode/open-design-agent-kit1,0192026年11月6日 更新

レポートや表計算シート、PDFなどの既存資料から、出典をたどれる構成でスライドや1枚資料を作成します。

  • 報告書を会議用スライドにしたいとき
  • 表計算の数値を資料にまとめたいとき
  • 変更履歴から説明資料を作りたいとき
feimacode/open-design-agent-kit1,0192026年11月6日 更新

open-design-docs

無料概要あり

複数のMarkdown文書を、統一したデザインのHTMLページに変換し、元文書の編集に合わせて更新するスキルです。ADRや議事メモなどをまとめて見やすくできます。

  • ADRを統一したHTMLページにしたいとき
  • 手順書を読みやすいHTMLにしたいとき
  • Markdownの編集後にHTML版を更新したいとき
feimacode/open-design-agent-kit1,0192026年11月6日 更新

Webサイトの色や書体、余白、ボタンの状態を調べ、DESIGN.mdとtokens.cssにまとめて見比べながら確認します。

  • Webサイトの配色や書体を再現したいとき
  • ブランドのデザイントークンを整理したいとき
  • サイト変更に合わせてスタイルを更新したいとき
feimacode/open-design-agent-kit1,0192026年11月6日 更新

open-design-redesign

無料概要あり

既存サイトの課題を調べ、ブランドや実際の文章・写真・価格を生かしたトップページと最大3ページの再デザイン案を作ります。

  • 古い企業サイトを刷新したいとき
  • 店舗にサイトの改修案を提案するとき
  • トップと下層ページをまとめて見直すとき
feimacode/open-design-agent-kit1,0192026年11月6日 更新

od-prototype-resume-modern

無料概要あり

入力した経歴や実績を、印刷やPDF出力に向いたモダンなA4一枚の履歴書に整えます。テンプレートのデザインを保ちながら、実際の情報で仕上げるスキルです。

  • 経歴をA4一枚の履歴書にまとめたいとき
  • 印刷用の履歴書を整えたいとき
  • PDF提出用の履歴書を作りたいとき
feimacode/open-design-agent-kit1,0192026年11月6日 更新

macOSの通知バナーを動画のオーバーレイや製品紹介向けに作るスキルです。テンプレートの見た目を保ち、実際の内容やデータを使って仕上げます。

  • 動画に通知風の表示を重ねたいとき
  • 製品紹介の通知バナーを作りたいとき
  • 実際の内容をテンプレートに反映したいとき
feimacode/open-design-agent-kit1,0192026年11月6日 更新

文章やデータを、雑誌の編集デザインと電子ペーパー風の横長スライドに整えるテンプレートを使い、10種類のレイアウトと5色の配色で構成します。

  • 内容を雑誌風の横長スライドにまとめたいとき
  • 電子ペーパー調のプレゼンを作りたいとき
  • 概要からレイアウトや配色を選んで構成したいとき
feimacode/open-design-agent-kit1,0192026年11月6日 更新

あなたのアカウントですか? GitHub 連携でクリエイターページにまとめられます