Design system for Daily Writing Friends app. MUST use when doing ANY UI work including components, pages, buttons, forms, styling, Tailwind CSS, dark mode, theming, layouts, cards, inputs, or visual changes. Ensures consistent design tokens, button hierarchy, and accessibility.
Quickly install daily-writing-friends-design AI skill to your development environment via command line
Source: 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) |
Design system for Daily Writing Friends app. MUST use when doing ANY UI work including components, pages, buttons, forms, styling, Tailwind CSS, dark mode, theming, layouts, cards, inputs, or visual changes. Ensures consistent design tokens, button hierarchy, and accessibility. Source: bumgeunsong/daily-writing-friends.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/bumgeunsong/daily-writing-friends --skill daily-writing-friends-designDesign system for Daily Writing Friends app. MUST use when doing ANY UI work including components, pages, buttons, forms, styling, Tailwind CSS, dark mode, theming, layouts, cards, inputs, or visual changes. Ensures consistent design tokens, button hierarchy, and accessibility. Source: bumgeunsong/daily-writing-friends.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/bumgeunsong/daily-writing-friends --skill daily-writing-friends-design Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/bumgeunsong/daily-writing-friends