Enforce Convex design constraints for dark-mode UIs with Inter font and 4px grid.
npx skills add https://github.com/ihlamury/design-skills --skill convex-ui-skills
Please help me install this Agent Skill. Skill: convex-ui-skills Source: https://github.com/ihlamury/design-skills/tree/main/skills/convex Command: npx skills add https://github.com/ihlamury/design-skills --skill convex-ui-skills
This Skill provides opinionated constraints for building interfaces that are visually consistent with the Convex design system, ensuring a cohesive and branded user experience.
Apply the convex-ui-skills to build a dark mode interface using the Inter font and a 4px grid.
High-intent search queries and answers about installing and using this skill.
Build a dark mode UI design system by enforcing dark backgrounds, specific color palettes, the Inter font family, and a 4px grid for consistent spacing and layout alignment. This ensures cohesive visual branding across interface components.
Typography for a Convex-style interface requires the Inter font family with defined heading and body text styles. These constraints ensure readable, consistent text rendering across all UI components within the design system.
Yes, a 4px grid system works for dark mode UI layout alignment by enforcing consistent spacing scales. This approach maintains visual structure and component alignment while using dark backgrounds and specific color palettes.
Implement dark mode color tokens by applying specific color palettes suitable for dark themes alongside defined border-radius values. This approach ensures visual consistency and cohesive branding across all interface components.
Yes, this UI design approach works for platforms matching the Convex aesthetic by providing opinionated constraints for color, typography, and spacing. It ensures interfaces remain visually consistent with the Convex design system.
Dark mode interfaces look inconsistent when lacking defined color tokens, typography styles, and spacing scales. Enforcing specific color palettes, the Inter font, and a 4px grid resolves alignment and visual cohesion issues.
ihlamuryEnforce Descript UI design constraints for dark mode, Inter font, and 4px grid.
johnlindquistManage design tokens and export them to CSS, JSON, and Tailwind config.
ihlamuryEnforce Railway-inspired dark mode UI constraints with Inter font and a 4px grid system.
inbharataiGenerate UI themes with color tokens, spacing scales, and typography for CSS and Tailwind CSS.
