Enforce Beehiiv's light-mode UI design system with Inter font and 4px grid.
npx skills add https://github.com/ihlamury/design-skills --skill beehiiv-ui-skills
Please help me install this Agent Skill. Skill: beehiiv-ui-skills Source: https://github.com/ihlamury/design-skills/tree/main/skills/beehiiv Command: npx skills add https://github.com/ihlamury/design-skills --skill beehiiv-ui-skills
This Skill provides opinionated constraints for building interfaces that precisely match the Beehiiv aesthetic, ensuring consistency and adherence to their design language.
Apply the beehiiv-ui-skills to ensure the new interface uses a light background and the Inter font family.
High-intent search queries and answers about installing and using this skill.
To build a Beehiiv-style UI, enforce a light-mode design system using the Inter font and a 4px grid. This provides specific constraints for colors, typography, spacing, borders, and interactive states to ensure visual consistency.
Beehiiv light-mode interfaces require the Inter font and a strict 4px grid system. The rules specify semantic color tokens, typography scales, spacing, border styles, and interactive states that adhere to accessibility standards for text contrast.
Beehiiv UI design guidelines enforce specific semantic color tokens rather than custom color palettes. These tokens are tied to accessibility standards for text contrast, ensuring your new feature matches the existing product's visual language.
No, this Beehiiv interface Skill enforces light-mode interfaces exclusively. It provides opinionated constraints for a light background, utilizing the Inter font and a 4px grid to precisely match the Beehiiv aesthetic.
To ensure component accessibility when building Beehiiv-style interfaces, follow the provided guidelines that adhere to accessibility standards for text contrast. The Skill specifies semantic color tokens designed to meet these contrast requirements.
The best way to match the Beehiiv aesthetic is to apply an opinionated design system constraint that specifies typography scales, spacing rules, border styles, and interactive states. This ensures your new feature feels like a natural extension of the existing product.
ihlamuryEnforce Gusto's UI design system constraints for light-mode interfaces.
ihlamuryEnforce Slack UI design constraints for light-mode interfaces with Inter font and 4px grid.
Higashi-KotaBuild accessible React UI components with design tokens and ARIA patterns.
ihlamuryEnforce Neon design constraints for dark mode, Inter font, and 4px grid interfaces.
