Sistema de diseño para la aplicación Daily Writing Friends. DEBE usarse al realizar CUALQUIER trabajo de interfaz de usuario, incluidos componentes, páginas, botones, formularios, estilos, Tailwind CSS, modo oscuro, temas, diseños, tarjetas, entradas o cambios visuales. Garantiza tokens de diseño, jerarquía de botones y accesibilidad consistentes.
Instala rápidamente el skill de IA daily-writing-friends-design en tu entorno de desarrollo mediante línea de comandos
Fuente: 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) |
Sistema de diseño para la aplicación Daily Writing Friends. DEBE usarse al realizar CUALQUIER trabajo de interfaz de usuario, incluidos componentes, páginas, botones, formularios, estilos, Tailwind CSS, modo oscuro, temas, diseños, tarjetas, entradas o cambios visuales. Garantiza tokens de diseño, jerarquía de botones y accesibilidad consistentes. Fuente: bumgeunsong/daily-writing-friends.
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/bumgeunsong/daily-writing-friends --skill daily-writing-friends-designSistema de diseño para la aplicación Daily Writing Friends. DEBE usarse al realizar CUALQUIER trabajo de interfaz de usuario, incluidos componentes, páginas, botones, formularios, estilos, Tailwind CSS, modo oscuro, temas, diseños, tarjetas, entradas o cambios visuales. Garantiza tokens de diseño, jerarquía de botones y accesibilidad consistentes. Fuente: bumgeunsong/daily-writing-friends.
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/bumgeunsong/daily-writing-friends --skill daily-writing-friends-design Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw
https://github.com/bumgeunsong/daily-writing-friends