Skill UI

This guide outlines best practices for building highly flexible and maintainable React components. It addresses common architectural pitfalls, such as 'boolean prop proliferation,' by recommending advanced patterns like compound components, state lifting, and context providers. Use this when refactoring large component libraries, designing robust APIs, or reviewing component architecture, including considerations for React 19 APIs.

A comprehensive skill set for building modern, scalable Vue 3 applications. Expertise covers implementing features using the Composition API, managing global state with Pinia, configuring Nuxt 3 for SSR/SSG, and developing hybrid mobile apps with Quasar/Capacitor. Includes optimization for Vite builds, PWA implementation, and strict TypeScript enforcement.

A specialized skill for building modern Vue 3 applications using pure JavaScript, completely avoiding TypeScript. It implements the Composition API, configures modern build tools like Vite, and ensures robust type safety by utilizing JSDoc annotations (@param, @returns, @typedef) instead of a compiler. Ideal for teams preferring vanilla JavaScript, migrating from Vue 2, or needing quick prototypes without a TS setup.

Reasoning-Driven Image Briefs skill transforms agent prompts into logic-based Gemini 3 style instructions for muapi.ai, adding structured creative briefs (subject/action/context/composition/lighting), precise text cues, and physics-grounded constraints before invoking generation scripts.

A deep dive into handling typed content blocks (text, image, tool_use, thinking, document) in LangChain 1.0. This skill standardizes multi-modal message composition, tool-call iteration, and complex content handling across providers like Claude, GPT-4o, and Gemini, solving key API discrepancies.

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 guide provides best practices for building flexible, maintainable, and scalable React components. It emphasizes using composition patterns and compound components to avoid 'boolean prop proliferation,' while also detailing advanced concepts in component architecture, state management, and modern implementation techniques (including React 19 APIs). Ideal for refactoring complex systems or designing reusable component libraries.

This skill allows users to generate complete songs, including vocals or pure instrumental tracks, using advanced AI APIs. By providing a structured JSON specification, you can define the desired style, mood, scene, and optional lyrics. Ideal for creating background music, theme songs, jingles, or full compositions for creative projects.

A comprehensive skill that automates the entire process of creating professional, production-ready thumbnails for articles or newsletters. It reads the article copy, proposes multiple composition concepts (e.g., bold claim, conceptual object), writes tailored prompts, calls the Gemini API for image generation, and evaluates the results using computer vision, returning ranked candidates with rationale.

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.

Provides a comprehensive guide for modern Vue.js 3 development. It covers the Composition API, optimal component architecture (props, emits), reactive state management using Pinia, advanced routing (Vue Router), and Nuxt/SSR patterns. Use this skill when building, reviewing, or architecting large-scale, maintainable Vue applications.

This skill guides developers in building flexible and maintainable React components by applying composition patterns. It helps avoid boolean prop proliferation through compound components, state lifting, and internal composition. Suitable for refactoring, library building, and API design to improve code scalability for humans and AI agents.