Skill UI

A structured workflow designed to prevent 'reinventing the wheel.' Before writing custom code, this skill guides the user through analyzing needs, conducting parallel searches across multiple channels (npm, PyPI, GitHub, MCP), evaluating candidate solutions based on maintainability and community support, and making a decision (Adopt, Extend, or Custom Build). It ensures that solutions leverage existing, proven libraries and patterns.

This tool automatically converts design screenshots or visual exports into structured, functional Vue 3 Composition API components. It supports popular UI libraries like Vant, Element Plus, and Ant Design Vue. By batch converting screenshots, it streamlines the development process from raw design assets to reusable, production-ready code, significantly boosting frontend development efficiency.

This tool provides a holistic, portfolio-level quality assessment by evaluating multiple content pieces (assets, libraries, or deliverables) simultaneously. Instead of reviewing content one by one, it processes the entire set to generate comprehensive rankings, dimension breakdowns (e.g., brand voice, claim verification), systemic issue reports, and a prioritized revision list. Ideal for content audits, pre-launch checks, and large campaign reviews.