·daily-writing-friends-design
*

daily-writing-friends-design

Daily Writing Friends アプリのデザイン システム。コンポーネント、ページ、ボタン、フォーム、スタイル、Tailwind CSS、ダーク モード、テーマ、レイアウト、カード、入力、または視覚的な変更を含む、あらゆる UI 作業を実行するときに使用する必要があります。一貫したデザインのトークン、ボタン階層、アクセシビリティを確保します。

24インストール·2トレンド·@bumgeunsong

インストール

$npx skills add https://github.com/bumgeunsong/daily-writing-friends --skill daily-writing-friends-design

daily-writing-friends-design のインストール方法

コマンドラインで daily-writing-friends-design AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/bumgeunsong/daily-writing-friends --skill daily-writing-friends-design
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: bumgeunsong/daily-writing-friends。

Follow these guidelines for ALL UI-related work in this project.

| cta | Critical conversions | Signup, Join, Main FAB | | default | Main interactions | Login, Save, Submit | | outline | Supporting actions | Drafts, Cancel | | ghost | Subtle actions | Edit, Navigation, Logout | | destructive | Dangerous actions | Delete (red ghost style) |

| reading-shadow | Adaptive shadow (light/dark) | | reading-hover | Subtle accent highlight on hover | | reading-focus | Focus ring (2px accent) | | text-reading | Optimized reading (line-height 1.7) | | nav-selected | Navigation selection state | | active-scale | Press feedback (scale 0.99) |

Daily Writing Friends アプリのデザイン システム。コンポーネント、ページ、ボタン、フォーム、スタイル、Tailwind CSS、ダーク モード、テーマ、レイアウト、カード、入力、または視覚的な変更を含む、あらゆる UI 作業を実行するときに使用する必要があります。一貫したデザインのトークン、ボタン階層、アクセシビリティを確保します。 ソース: bumgeunsong/daily-writing-friends。

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/bumgeunsong/daily-writing-friends --skill daily-writing-friends-design
カテゴリ
*クリエイティブ
認証済み
初回登録
2026-02-21
更新日
2026-03-10

Browse more skills from bumgeunsong/daily-writing-friends

クイックアンサー

daily-writing-friends-design とは?

Daily Writing Friends アプリのデザイン システム。コンポーネント、ページ、ボタン、フォーム、スタイル、Tailwind CSS、ダーク モード、テーマ、レイアウト、カード、入力、または視覚的な変更を含む、あらゆる UI 作業を実行するときに使用する必要があります。一貫したデザインのトークン、ボタン階層、アクセシビリティを確保します。 ソース: bumgeunsong/daily-writing-friends。

daily-writing-friends-design のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/bumgeunsong/daily-writing-friends --skill daily-writing-friends-design インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/bumgeunsong/daily-writing-friends