Skill UI

Utilizes Expo DOM components to render web code verbatim inside a webview on native platforms, while maintaining native rendering on the web. This enables developers to integrate web-only libraries (such as charting tools, syntax highlighters, or complex CSS layouts) and incrementally migrate existing web components into a React Native application without substantial rewriting.

This skill generates complete, deploy-ready static landing pages by analyzing a source code repository. It reads key files (README.md, CHANGELOG.md, etc.), extracts structured content (features, installation guides, FAQ), and compiles it into a professional, responsive HTML/CSS/JS site. Ideal for standardizing open-source project showcases, converting technical documentation into marketing pages, or quickly building a project homepage.

Generates self-contained HTML preview files that render mobile app screens in phone-frame mockups (375×812) with tab navigation and dark/light toggle. Converts Tamagui TSX components to equivalent HTML/CSS without programmatic parsing. Useful for visual verification after screen generation, sharing mockups with stakeholders, and layout validation before deployment.

Expo DOM components allow running web code directly in native webviews, enabling the use of web-only libraries like Recharts without modification. This facilitates incremental migration of web code to native apps and supports complex HTML/CSS layouts not available in standard React Native.

This skill transforms generated wiki Markdown files into a polished VitePress static site featuring a dark theme and interactive Mermaid diagrams. It handles complex configuration for Mermaid rendering, including CSS overrides and inline style fixes to ensure diagrams display correctly in dark mode. Additionally, it adds click-to-zoom functionality for diagrams and performs necessary post-processing on Markdown files before building. Use this when packaging wiki content as a browsable HTML site.