Skill UI

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 helps users navigate and understand the complex components of the ECC (Everything Claude Code) ecosystem, including skills, commands, agents, hooks, and rules. It provides structured paths for new user onboarding, feature discovery, installation planning, and troubleshooting, ensuring answers are derived from the current repository state.

This skill is designed for orchestrating complex, multi-step processes. It helps manage workflows, coordinate different components, and ensure systematic execution of tasks from planning to completion. Ideal for complex automation scenarios and structured project management.

A comprehensive reference for the `uc` CLI, designed for managing decentralized, self-hosted clusters. Use this skill to deploy services via Docker Compose, configure advanced networking, and manage infrastructure components like machines, volumes, and ports. Supports Caddy ingress routing, WireGuard networking, and scaling across peer machines, making it ideal for robust, highly available self-hosting environments.

This advanced skill manages complex, large-scale development tasks by coordinating multiple, specialized subagents in parallel. It systematically decomposes the goal into isolated missions, manages resource quotas (token usage), and handles error recovery across multiple files and components. Ideal for large feature builds, system refactoring, or complex applications requiring multiple, concurrent roles (Planner, Builder, Tester).

This skill generates robust JSON-LD structured data markup for various web components, including blogs, FAQs, tools, and SaaS pages. By implementing standard Schema.org types (WebSite, Article, FAQPage, etc.), you can significantly improve your SEO, boost click-through rates (CTR), and provide clear context to both search engines and AI systems. Includes implementation guidance for modern frameworks like Next.js.

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 deployment skill is designed to be integrated into the Playwright testing workflow. Its primary function is to validate the loading process of shared skills across the entire environment during the startup phase. It ensures that all necessary components and modules are correctly registered and available for reliable End-to-End (E2E) testing execution.

This skill automates the migration of existing frontend code (including React, Vue, Angular, and Next.js components) into a structured Stitch Design. It orchestrates the extraction of a self-contained HTML file, analyzes the source code to build a comprehensive design system document, and finally uploads both assets into your Stitch project for iteration and improvement.

This skill acts as a mobile engineering bridge, converting web designs provided by Stitch into high-quality, production-ready React Native components. It handles complex tasks including translating HTML/CSS layouts into React Native primitives, extracting design tokens (colors, spacing) into a central theme file, and ensuring adherence to native component architectural rules. Ideal for developers integrating web-based prototypes into mobile applications.

Build with and use Pi, a minimal terminal coding harness. Covers install, provider and model config, TypeScript extensions, skills, packages, themes, SDK embedding, RPC and JSON event streams, session parsing, local llama.cpp models, custom providers, TUI components, and ecosystem packages like pi-subagents and pi-mcp-adapter.

This guide helps developers audit and clean up Vite + React projects initialized using the Lovable scaffolding tool. It systematically removes all boilerplate artifacts, including placeholder assets, dedicated dependencies (like lovable-tagger), generated documentation, and unnecessary components (e.g., unused Radix deps). The goal is to deliver a clean, fully owned, and production-ready codebase.