Enforce Paddle's UI design system with light mode, Inter font, and 4px grid.
npx skills add https://github.com/ihlamury/design-skills --skill paddle-ui-skills
Please help me install this Agent Skill. Skill: paddle-ui-skills Source: https://github.com/ihlamury/design-skills/tree/main/skills/paddle Command: npx skills add https://github.com/ihlamury/design-skills --skill paddle-ui-skills
This Skill provides opinionated constraints for building user interfaces that are visually consistent with Paddle's design system, ensuring a familiar and polished user experience.
Apply the paddle-ui-skills to ensure the new interface uses light backgrounds and the Inter font.
High-intent search queries and answers about installing and using this skill.
To build a Paddle-style UI design system, apply specific constraints using light backgrounds, the Inter font, and a 4px grid. This ensures visual consistency by enforcing specific color palettes, typography scales, and spacing rules for polished interface development.
A 4px grid interface requires strict spacing rules and typography scales using the Inter font. It enforces specific semantic tokens for spacing and layout constraints, ensuring text contrast ratios meet WCAG AA standards for accessible, consistent UI elements.
Yes, this UI design approach supports WCAG AA accessibility by ensuring text contrast ratios meet the 4.5:1 standard. It enforces specific color palettes and interactive states that maintain compliance while building light mode SaaS interfaces.
No, a Paddle-inspired design system specifically requires the Inter font to maintain visual harmony and brand familiarity. Deviating from Inter breaks the opinionated design constraints and inconsistent typography scales defined for light mode interfaces.
Apply semantic tokens for interactive states by adhering to the defined color palettes and layout constraints of the light mode design system. This specifies border radiuses and interactive states to create consistent, accessible Paddle-inspired designs.
The limitation of an opinionated UI design system is strict adherence to predefined semantic tokens, layout constraints, and light mode palettes. You cannot deviate from the Inter font, 4px grid, or established color rules without breaking visual consistency.
ihlamuryEnforce Craft's UI design constraints for light mode interfaces using Inter font and 4px grid.
ihlamuryApply Cal's UI design system with Inter font and 4px grid.
Community-AccessAudit color contrast and visual accessibility for WCAG AA compliance.
herdiansahGenerate animated websites with scroll-controlled image sequences and semantic HTML.
