Daily Writing Friends アプリのデザイン システム。コンポーネント、ページ、ボタン、フォーム、スタイル、Tailwind CSS、ダーク モード、テーマ、レイアウト、カード、入力、または視覚的な変更を含む、あらゆる UI 作業を実行するときに使用する必要があります。一貫したデザインのトークン、ボタン階層、アクセシビリティを確保します。
コマンドラインで daily-writing-friends-design AI スキルを開発環境にすばやくインストール
ソース: 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-designDaily Writing Friends アプリのデザイン システム。コンポーネント、ページ、ボタン、フォーム、スタイル、Tailwind CSS、ダーク モード、テーマ、レイアウト、カード、入力、または視覚的な変更を含む、あらゆる UI 作業を実行するときに使用する必要があります。一貫したデザインのトークン、ボタン階層、アクセシビリティを確保します。 ソース: bumgeunsong/daily-writing-friends。
ターミナルまたはコマンドラインツール（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