Apply UX psychology and design references to create cohesive web UI.
npx skills add https://github.com/jfrometa/esquizo --skill frontend-design-jfrometa
Please help me install this Agent Skill. Skill: frontend-design Source: https://github.com/jfrometa/esquizo/tree/main/.agent/skills/frontend-design Command: npx skills add https://github.com/jfrometa/esquizo --skill frontend-design-jfrometa
This Skill provides a structured framework for thinking about frontend design, helping teams make deliberate, evidence-informed decisions rather than relying on copy-paste templates. It emphasizes understanding user needs, accessibility, and brand alignment early in the design process.
Start by reading the UX psychology references (ux-psychology.md) to ground decisions, then review color-system.md and typography-system.md to establish baseline design language, and finally consult decision-trees.md for applied decision workflows.
High-intent search queries and answers about installing and using this skill.
Frontend design thinking guides cohesive web UI decisions by grounding color, typography, and layout choices in evidence-based UX psychology and accessibility standards rather than copy-paste templates. This framework ensures deliberate brand alignment across dashboards, marketing sites, and portfolios.
UX psychology principles for frontend design help evaluate audience segments like Gen Z, Millennials, Gen X, Boomers, and B2B users to inform visual decisions. Applying these psychological references library-wide ensures interfaces align with user expectations and behavioral patterns.
Establishing a color and typography system for web applications requires reviewing baseline design language references to select palettes and fonts based on project context. This framework evaluates audience needs to ensure accessibility and visual cohesion across all frontend interfaces.
Yes, this design framework provides quick-start prompts and templates specifically tailored for common frontend tasks including dashboards, marketing sites, and portfolios. It adapts color, typography, layout, and visual effects guidance to each project context.
Ensuring accessibility and brand alignment in web UI requires understanding user needs early through structured design thinking workflows. By consulting decision trees and UX psychology references, teams make evidence-informed choices that maintain compliance and visual consistency.
A design thinking framework replaces copy-paste UI templates by providing structured decision workflows for selecting visual elements based on project context and audience evaluation. This evidence-informed approach ensures deliberate, accessible choices that maintain brand alignment.
EveryIncDefine brand character and audience archetypes for psychological coherence.
johnnyelwailerConvert Figma designs into React components with token-based styling.
wpgauravGenerate accessible React UIs with shadcn/ui, Radix UI, and Tailwind CSS.
mkatoguiGenerate brand identity systems with CSS-ready tokens and brand guidelines.
