Design landing pages with strict typography, spacing, shadows, and animation constraints.
npx skills add https://github.com/leessju/claude-skills --skill design-premium
Please help me install this Agent Skill. Skill: design-premium Source: https://github.com/leessju/claude-skills/tree/main/design-premium Command: npx skills add https://github.com/leessju/claude-skills --skill design-premium
Teaches AI to design landing pages that feel like $150k agency work. Defines exact fonts, spacing, shadows, card structures, animations, and Korean typography standards that make generated pages feel expensive and intentional. Blocks all common defaults that make AI designs look cheap or generic.
Design a premium landing page layout that embodies a $150k Korean agency feel, using the defined typography, spacing, shadows, and UI patterns.
High-intent search queries and answers about installing and using this skill.
Premium landing pages require strict typography, deliberate spacing, refined shadows, and defined micro-interactions. By imposing exact UI patterns and blocking generic template defaults, generated designs achieve an expensive, agency-grade visual language instead of a cheap automated look.
AI generated UI design looks cheap when it uses common low-quality defaults and template-like structures. Anti-pattern guardrails prevent these generic results by enforcing exact card structures, typography constraints, and elevated animation standards to ensure the output feels intentional and refined.
Korean typography in landing page design requires specific standards for readability and visual rhythm. Applying exact font constraints, spacing rules, and structural guidelines ensures Korean-language pages maintain the same premium aesthetic quality and intentional flow as English designs.
Yes, this design system works across branding, marketing, and product sites. It imposes exact typography, spacing, shadows, card structures, and animation constraints universally to ensure every generated page meets elevated premium visual standards regardless of the specific site category.
Premium card structures and animations are constrained by exact shadow definitions, deliberate spacing rules, and specific micro-interaction standards. These constraints prevent generic template-like results and enforce an elevated, expensive visual language across the entire landing page design.
truchotDefine visual identity, brand language, and governance for projects.
Nero-kkCreate production-ready HTML/CSS/JS or framework components with refined typography and CSS variables.
JKKN-InstitutionsBuild mobile bottom navigation with expandable FAB menus in Next.js/React apps.
anonymouswhite07Create premium UI designs with nested Doppelrand architecture and custom cubic-bezier transitions.
