html-style
✓必要最低限の HTML に独自のスタイルを適用します。ユーザーがプレーンまたはスタイルのない HTML を使用していて、一貫した視覚的なスタイルを適用したい場合に使用します。トリガー: この HTML のスタイルを設定する、スタイルを適用する、見栄えを良くする、/html スタイル、または CSS を必要とする HTML をユーザーが共有するとき。テーブル、リスト、ステータス インジケーター、ボタン、レイアウトを一貫したデザイン システムに変換します。
SKILL.md
Transform barebones HTML into styled output using a specific design system.
| Status text | .stale .warm .pending | Red/green/orange inline text | | Trend | .trend-up .trend-down | Green ↑ / Red ↓ | | Category tag | .tag-group .tag-dm .tag-money | Blue/purple/orange pill | | Status pill | .status-success .status-error .status-pending | Filled green/red/orange | | Filter toggle | .filter .filter.active | Outline / filled black |
| Time filter | .pill .pill.active | Small pill, black when active | | Stat box | .stat > .stat-value + .stat-label | 28px number, 12px label | | Table | default or .table-styled | Minimal or colored values | | Section header | .section-header | Dark bar with white text | | Collapsible | + | Native HTML collapse |
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/shipshitdev/library --skill html-style- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
html-style とは？
必要最低限の HTML に独自のスタイルを適用します。ユーザーがプレーンまたはスタイルのない HTML を使用していて、一貫した視覚的なスタイルを適用したい場合に使用します。トリガー: この HTML のスタイルを設定する、スタイルを適用する、見栄えを良くする、/html スタイル、または CSS を必要とする HTML をユーザーが共有するとき。テーブル、リスト、ステータス インジケーター、ボタン、レイアウトを一貫したデザイン システムに変換します。 ソース: shipshitdev/library。
html-style のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/shipshitdev/library --skill html-style インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/shipshitdev/library
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01