Create responsive, accessible frontend interfaces with HTML, CSS, and JavaScript.
npx skills add https://github.com/lyzno1/flux --skill frontend-design-lyzno1
Please help me install this Agent Skill. Skill: frontend-design Source: https://github.com/lyzno1/flux/tree/main/.agents/skills/frontend-design Command: npx skills add https://github.com/lyzno1/flux --skill frontend-design-lyzno1
This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.
Request a production-grade frontend component: e.g., "Create a responsive hero header with bold typography, a vibrant gradient, and accessible color contrast."
High-intent search queries and answers about installing and using this skill.
Build production-grade frontend UI components by applying design thinking guidance to define purpose, tone, and constraints, ensuring distinctive aesthetics and polished UI that avoid generic outputs. This approach delivers ready-to-use, executable code with exceptional attention to creative details.
The best way to create a responsive frontend dashboard with accessible color contrast is to request a production-grade frontend component that integrates accessibility constraints and bold typography, delivering cohesive aesthetic direction and executable code.
Yes, you can generate framework-specific components for your web app. The skill produces ready-to-use HTML/CSS/JS or framework-specific implementations that meet responsive and accessible UI constraints, ensuring production-grade quality for your interfaces.
This approach supports building complete frontend applications, not just individual UI elements. You can apply it to components, pages, dashboards, or complete apps that require bold aesthetics, polished UI, and accessible, responsive design constraints.
Generated frontend interfaces look like generic AI slop when they lack defined design thinking guidance. Defining purpose, tone, constraints, and differentiation steers UI decisions away from generic aesthetics toward distinctive, production-grade frontend interfaces with polished UI.
Yes, you need to define design constraints before generating production-grade frontend interfaces. Defining purpose, tone, constraints, and differentiation provides the design thinking guidance necessary to steer UI decisions and deliver cohesive aesthetic direction.
OzeroHAXDefine frontend design tokens, typography, color, layout, and accessibility standards.
samjhechtGenerates responsive, accessible HTML/CSS/JS frontend interfaces with bold aesthetic direction.
pavegEnforce UI design standards across frontend projects with theme tokens and component architecture.
jeffwweeeGenerate HTML wireframes, React/MUI mockups, and design specifications.
