Guide frontend design with color theory, typography, layout, and UX psychology.
npx skills add https://github.com/ntuan2502/piggy --skill frontend-design-ntuan2502
Please help me install this Agent Skill. Skill: frontend-design Source: https://github.com/ntuan2502/piggy/tree/main/.agent/skills/frontend-design Command: npx skills add https://github.com/ntuan2502/piggy --skill frontend-design-ntuan2502
This Skill addresses the challenge of creating user interfaces that are not only visually appealing but also psychologically resonant and strategically sound, moving beyond generic AI defaults.
Use the frontend-design skill to create a modern, minimalist design for a SaaS dashboard, focusing on clear calls to action and a professional color palette.
High-intent search queries and answers about installing and using this skill.
Applying UX psychology laws to frontend design involves integrating principles like Hick's and Fitts' laws to optimize user decisions. This skill provides structured decision trees to systematically align visual design choices with cognitive patterns, ensuring interfaces guide user behavior effectively.
Building a design system for a SaaS dashboard requires establishing clear color theory, typography systems, and layout strategies. This skill provides structured guidance for selecting professional color palettes and typography choices that enhance readability and align with specific brand identities.
This UX audit approach fully supports accessibility standards for user-centric interfaces by integrating dedicated accessibility checks. It ensures that color theory, typography systems, and visual effects comply with required standards, moving designs beyond generic defaults to be strategically sound.
Conducting audience analysis for emotional design involves evaluating target demographics to tailor visual elements like color palettes based on emotion. This skill emphasizes context-aware decision-making, ensuring typography and layout choices resonate psychologically with the intended audience.
The limitation of generic AI defaults in frontend visual design is that they often lack psychological resonance and strategic brand alignment. This skill overcomes this by providing structured checklists and context-aware decision trees for a systematic, user-centric design process.
2389-researchGenerate landing-page concepts with brand context and design briefs.
MinhDuyDEVAudit web interfaces for WCAG compliance issues and remediation recommendations.
IldeeyRefresh existing web application designs through incremental HTML, CSS, and JavaScript improvements.
DevHive1Analyze component constraints and degrees of freedom to generate design variations.
