This is a skill for generating and formatting Markdown tables.
Overview
Generate beautifully aligned Markdown tables from data.
Main Features
- Auto-alignment: Automatically adjusts column widths
- Data Source: Convert from CSV, JSON, arrays
- Alignment specification: Left-aligned, center, right-aligned
- Sort: Sort by column
- Filtering: Only rows matching conditions
- Styles: GitHub, GitLab, standard Markdown
Usage
以下のデータからMarkdownテーブルを生成：
名前: 田中, 年齢: 30, 職業: エンジニア
名前: 佐藤, 年齢: 25, 職業: デザイナー
名前: 鈴木, 年齢: 28, 職業: マネージャー
Generation Examples
Basic Table
Input Data:
Product, Price, Stock
iPhone 15, 128000, 50
MacBook Pro, 298000, 20
AirPods Pro, 39800, 100
Generated Table:
| Product | Price | Stock |
|--------------|--------|-------|
| iPhone 15 | 128000 | 50 |
| MacBook Pro | 298000 | 20 |
| AirPods Pro | 39800 | 100 |
Alignment Specification
Left-aligned, center, right-aligned:
| 商品 | カテゴリ | 価格 |
|:-------------|:--------:|-------:|
| iPhone 15 | スマホ | 128000 |
| MacBook Pro | PC | 298000 |
| AirPods Pro | オーディオ | 39800 |
:---= Left-aligned:---:= Center-aligned---:= Right-aligned
Table from JSON
Input JSON:
[
{"name": "John", "age": 30, "city": "Tokyo"},
{"name": "Jane", "age": 25, "city": "Osaka"}
]
Generated Table:
| name | age | city |
|------|-----|-------|
| John | 30 | Tokyo |
| Jane | 25 | Osaka |
Table from CSV
Input CSV:
Name,Email,Role
Alice,alice@example.com,Admin
Bob,bob@example.com,User
Carol,carol@example.com,Editor
Generated Table:
| Name | Email | Role |
|-------|---------------------|--------|
| Alice | alice@example.com | Admin |
| Bob | bob@example.com | User |
| Carol | carol@example.com | Editor |
Complex Tables
Statistical Data:
| メトリクス | 1月 | 2月 | 3月 | 平均 |
|:-------------------|--------:|--------:|--------:|---------:|
| ページビュー | 125,430 | 138,920 | 152,100 | 138,817 |
| ユニークユーザー | 45,230 | 52,100 | 58,920 | 52,083 |
| コンバージョン率 | 2.3% | 2.8% | 3.1% | 2.7% |
| 平均滞在時間（秒） | 145 | 158 | 172 | 158 |
Checklist Table
| タスク | 担当者 | ステータス | 期限 |
|-------------------------|--------|-----------|-----------|
| デザインレビュー | 鈴木 | ✅ 完了 | 2024-06-15 |
| 実装 | 田中 | 🔄 進行中 | 2024-06-20 |
| テスト | 山田 | ⏳ 待機中 | 2024-06-25 |
| リリース | 佐藤 | ⏳ 待機中 | 2024-06-30 |
Comparison Table
| 機能 | 無料プラン | プロ | エンタープライズ |
|---------------|:---------:|:--------:|:---------------:|
| ユーザー数 | 5人まで | 無制限 | 無制限 |
| ストレージ | 5GB | 100GB | 無制限 |
| サポート | コミュニティ | メール | 24/7 電話 |
| 価格（月額） | ¥0 | ¥1,200 | お問い合わせ |
Formatting Features
Formatting an Unaligned Table
Input (unaligned):
|Name|Age|City|
|-|-|-|
|John Doe|30|Tokyo|
|Jane|25|San Francisco|
After formatting:
| Name | Age | City |
|----------|-----|---------------|
| John Doe | 30 | Tokyo |
| Jane | 25 | San Francisco |
Sort Feature
以下のテーブルを価格の高い順にソート：
[テーブル]
Filtering
以下のテーブルから在庫50以上の商品のみ抽出：
[テーブル]
Conversion to HTML Table
Markdown:
| Name | Age |
|------|-----|
| John | 30 |
HTML:
<table>
<thead>
<tr>
<th>Name</th>
<th>Age</th>
</tr>
</thead>
<tbody>
<tr>
<td>John</td>
<td>30</td>
</tr>
</tbody>
</table>
Best Practices
- Appropriate column widths: Adjust according to content
- Alignment: Numbers right-aligned, text left-aligned
- Header: Clear and concise
- Line breaks: Split long text appropriately
- Symbols: Improve visibility with emoji (✅ ❌ ⚠️)
Version Information
- Skill Version: 1.0.0
- Last updated: 2025-01-22
Usage Examples:
以下のデータからMarkdownテーブルを生成：
製品名, 価格, 在庫
iPhone 15, 128000, 50
MacBook Pro, 298000, 20
要件:
- 価格は右寄せ
- 在庫は中央揃え
- 価格でソート（降順）
A beautifully formatted table will be generated!