home/categories/frontend/phananhtuan09-ai-agent-workflow-claude-skills-frontend-design-fundamentals-skill-md
frontenddevelopment

frontend-design-fundamentals

Core design principles for implementing beautiful, professional UIs. Ensures consistent quality through spacing, typography, colors, and visual hierarchy. ALWAYS load when implementing UI/frontend code: - Creating or modifying components, pages, screens - Building landing pages, dashboards, forms, cards, buttons - Any frontend work: HTML, CSS, styling, layouts - Adding new UI elements or updating existing ones - Modern, stunning, elegant, sleek interfaces - Animation, transition, hover effects, motion, interactive elements Keywords: UI, frontend, component, page, styling, CSS, layout, button, form, card, dashboard, animation, transition, hover, effect, motion, modern, beautiful, stunning, elegant, sleek, professional, interactive, visual, aesthetic, design, attractive, impressive Purpose: Ensure ALL UI implementation follows design best practices for: - Consistent spacing scale (not arbitrary values) - Typography hierarchy (readable, professional) - Color contrast (accessible,

phananhtuan09
maintainer
phananhtuan09
์—…๋ฐ์ดํŠธ๋จ 1/19/2026
์Šคํƒ€
0
ํฌํฌ
0
quick start

Installation and usage

Core design principles for implementing beautiful, professional UIs. Ensures consistent quality through spacing, typography, colors, and visual hierarchy. ALWAYS load when implementing UI/frontend code: - Creating or modifying components, pages, screens - Building landing pages, dashboards, forms, cards, buttons - Any frontend work: HTML, CSS, styling, layouts - Adding new UI elements or updating existing ones - Modern, stunning, elegant, sleek interfaces - Animation, transition, hover effects, motion, interactive elements Keywords: UI, frontend, component, page, styling, CSS, layout, button, form, card, dashboard, animation, transition, hover, effect, motion, modern, beautiful, stunning, elegant, sleek, professional, interactive, visual, aesthetic, design, attractive, impressive Purpose: Ensure ALL UI implementation follows design best practices for: - Consistent spacing scale (not arbitrary values) - Typography hierarchy (readable, professional) - Color contrast (accessible,

์„ค์น˜
$ install --globalskills.sh
์‚ฌ์šฉ๋ฒ•

์„ค์น˜ ํ›„ ํ„ฐ๋ฏธ๋„์—์„œ ๋‹ค์Œ ๋ช…๋ น์„ ์‹คํ–‰ํ•˜์—ฌ ์ด ์Šคํ‚ฌ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค:

skills use frontend-design-fundamentals