├── .images ├── logo.png └── background.png ├── input └── input.md ├── .cursor └── rules │ └── slidemarprules.mdc ├── README.md └── YYYYMMDD_template.md /.images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kumaiu/cursor-to-marp/HEAD/.images/logo.png -------------------------------------------------------------------------------- /.images/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kumaiu/cursor-to-marp/HEAD/.images/background.png -------------------------------------------------------------------------------- /input/input.md: -------------------------------------------------------------------------------- 1 | # なにか書いてね 2 | なにか書いてねなにか書いてねなにか書いてねなにか書いてねなにか書いてねなにか書いてねなにか書いてねなにか書いてねなにか書いてねなにか書いてねなにか書いてねなにか書いてねなにか書いてねなにか書いてねなにか書いてねなにか書いてねなにか書いてねなにか書いてねなにか書いてねなにか書いてねなにか書いてねなにか書いてね 3 | -------------------------------------------------------------------------------- /.cursor/rules/slidemarprules.mdc: -------------------------------------------------------------------------------- 1 | --- 2 | description: 3 | globs: 4 | alwaysApply: true 5 | --- 6 | # Marpテンプレート更新ルール 7 | 8 | ## 基本ルール 9 | 10 | 1. テンプレート 11 | - テンプレートは ./@YYYYMMDD_template.md を元に生成する 12 | - YYYYMMDDを日付にして、最適なタイトルでファイルを作成すること 13 | 14 | 2. 1スライドあたりの文字数制限 15 | - タイトル: 最大40文字 16 | - 本文: 1行あたり最大50文字 17 | - 1スライドあたりの総文字数: 最大500文字 18 | 19 | 3. 行数制限 20 | - 1スライドあたりの最大行数: 15行 21 | - コードブロックは1ブロックあたり最大20行 22 | 23 | 4. 画像使用ルール 24 | - 1スライドあたり最大2枚まで 25 | - 画像サイズ: 幅最大800px 26 | - 画像は必ず`.images`ディレクトリに配置 27 | 28 | 5. フォーマット制限 29 | - 見出しレベル: h1からh3まで 30 | - リスト: 最大3階層まで 31 | - 表: 1スライドあたり最大1つ 32 | 33 | ## 更新時の注意事項 34 | 35 | 1. テンプレート更新時は必ず上記の制限を遵守 36 | 2. 既存のスライドのレイアウトを崩さない 37 | 3. 画像の配置は中央揃えを基本とする 38 | 39 | 4. コードブロックは適切な言語指定を行う -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Cursor to Marp 2 | 3 | CursorのAIアシスタントを使用して、MarkdownファイルからMarpスライドを簡単に生成するリポジトリです。 4 | 5 | ## 前提条件 6 | 7 | 1. Cursorのインストール 8 | 2. VS Codeの拡張機能「Marp for VS Code」の追加 9 | 3. テーマの設定 10 | - VS Codeの設定で、Markdown > Marp:Themesに以下を追加： 11 | ``` 12 | https://cunhapaulo.github.io/style/freud.css 13 | ``` 14 | - その他のテーマについては[Qiita記事](https://qiita.com/YoshikiIto/items/74b3d786266b1de3ed93)を参考にしてください 15 | - 人気のテーマ： 16 | - gradient 17 | - beamer 18 | - border 19 | - dracula 20 | - speee 21 | - plato 22 | - heidegger 23 | 24 | ## 基本的な使い方 25 | 26 | 1. 入力ファイルの準備 27 | - `input/input.md`に変換したいMarkdownファイルを配置 28 | - ※mdファイルの名前は任意のものでも構いません 29 | 30 | 2. スライド生成ルールの適用 31 | - CursorのAIチャットの@rulesにて「slidemarprules」を設定 32 | - これにより、以下のルールが自動的に適用されます： 33 | - テンプレートの使用 34 | - 文字数制限 35 | - レイアウト制限 36 | - 画像使用ルール 37 | - フォーマット制限 38 | 39 | 3. スライドの生成 40 | - CursorのAIチャットに「@input.md を元にスライド生成」と指示 41 | - 自動的に`YYYYMMDD_タイトル.md`形式でスライドが生成されます 42 | - ※1でファイル名を変更している場合は任意のものに変更すること 43 | 44 | ## 注意事項 45 | 46 | 1. 画像の配置 47 | - 必ず`.images`ディレクトリに配置 48 | - ロゴ画像は必須 49 | 50 | 2. スライドのスタイル 51 | - `YYYYMMDD_template.md`で定義 52 | - カスタマイズする場合はテンプレートを編集 53 | 54 | 3. 日本語対応 55 | - フォントは'Hiragino Sans'と'Noto Sans CJK JP'を使用 56 | - 文字化けが発生する場合はフォントの確認を 57 | -------------------------------------------------------------------------------- /YYYYMMDD_template.md: -------------------------------------------------------------------------------- 1 | --- 2 | marp: true 3 | theme: freud 4 | footer: 'Copyright (C) ABC inc., All Rights Reserved.' 5 | paginate: true 6 | header: 'logo' 7 | style: | 8 | section { 9 | font-family: 'Hiragino Sans', 'Noto Sans CJK JP', sans-serif; 10 | font-size: 28px; 11 | background-repeat: no-repeat; 12 | } 13 | table { 14 | font-size: 0.8em; 15 | } 16 | header { 17 | text-align: right; 18 | padding: 10px; 19 | } 20 | header img { 21 | max-height: 120px; 22 | } 23 | /* 表紙ページの背景 */ 24 | section.cover { 25 | background-image: url("./.images/background.png"); 26 | background-position: right bottom; 27 | background-size: 100%; 28 | background-repeat: no-repeat; 29 | } 30 | h1 { 31 | font-size: 42px; 32 | } 33 | h2 { 34 | font-size: 36px; 35 | } 36 | img { 37 | max-height: 450px; 38 | display: block; 39 | margin: 0 auto; 40 | } 41 | --- 42 | 43 | 44 | # タイトル 45 | **YYYY.MM.DD hogehoge** 46 | 47 | --- 48 | 49 | # 本日のアジェンダ 50 | 51 | 1. **あああ** 52 | 2. **いいい** 53 | 3. **ううう** 54 | 55 | --- 56 | 57 | # あああ 58 | ### hogehoge 59 | - aaa 60 | - bbb 61 | 62 | --- 63 | 64 | # いいい 65 | ### hogehoge 66 | - aaa 67 | - bbb 68 | 69 | --- 70 | 71 | # ううう 72 | ### hogehoge 73 | - aaa 74 | - bbb --------------------------------------------------------------------------------