Skill UI

Automates the conversion of visual designs from Stitch into high-quality, modular React and Vite components. This skill ensures strict adherence to modern architectural standards, including logic isolation via custom hooks, data decoupling, and robust type safety using TypeScript. It manages complex workflows like network fetching, style guide synchronization, and multi-phase validation to generate production-ready frontend code.

A comprehensive guide for developing full-featured VS Code extensions from scratch or converting existing web applications (JS/React/Vue). Learn to implement custom commands, complex webviews, hierarchical tree views, custom editors, and integrate advanced features like AI agents using file-bridge IPC. Supports modern build stacks including TypeScript, esbuild, and Vite.

This abstraction provides a centralized mechanism for handling every incoming WebSocket message. Instead of directly subscribing to the service, handlers register themselves and are responsible for filtering the event payload based on a specific 'action'. This ensures components react only to the events they are interested in, promoting efficient and decoupled application architecture.

Build a small native interface using the project's Expo configuration. Useful for React Native projects that need a simple native UI scaffold with minimal setup.