Translate frontend requirements into UI components, pages, or dashboards.
npx skills add https://github.com/cyhinverse/YiBu --skill frontend-design-cyhinverse
Please help me install this Agent Skill. Skill: frontend-design Source: https://github.com/cyhinverse/YiBu/tree/main/.agents/skills/frontend-design Command: npx skills add https://github.com/cyhinverse/YiBu --skill frontend-design-cyhinverse
Designers and developers struggle to translate vague frontend requirements into distinctive, production-grade interfaces that feel bespoke rather than generic. This skill provides a clear design direction and concrete implementation guidance to deliver polished UI components, pages, or dashboards.
Propose a distinctive frontend component or page spec and have the skill generate a production-ready implementation.
High-intent search queries and answers about installing and using this skill.
To translate frontend requirements into production-grade UI components, provide a page or component spec with explicit aesthetic direction. The skill applies design-thinking to deliver clean code, typography, color systems, and motion across React, Vue, or HTML/CSS.
Yes, you can generate accessible React and Vue dashboards using this skill. It guides implementation across these frameworks while ensuring attention to accessibility, motion, color systems, and delivering clean code with documentation.
The best way to create distinctive frontend interfaces is to apply a bold aesthetic direction and structured design thinking process. This approach ensures components feel bespoke, addressing typography, motion, and color systems systematically.
This frontend design approach works with basic HTML and CSS without requiring a framework. It guides implementation across HTML/CSS/JS or frameworks like React and Vue, ensuring reusable components and clean deliverables.
When building frontend pages with this design process, expect deliverables including clean code, assets, and documentation. It ensures your components, pages, or dashboards meet technical constraints for typography, color, and accessibility.
sobhanashineDesign and implement frontend interfaces with HTML/CSS/JS, React, or Vue.
meytalp-devGenerate production-ready frontend code with unique aesthetics and accessibility.
UnicornDesign UI patterns, components, and design systems for web and mobile applications.
amaledtuningGenerate production-grade React or HTML/CSS frontend interfaces from user requirements.
