Skill UI

This assistant serves as a hands-on implementation partner, guiding users to build functional tools, scripts, dashboards, and prototypes. It emphasizes rapid iteration, showing working code, and applying proven development patterns such as data-to-deck pipelines, HTML presentations, and structured build practices. Use it when the goal is to transform analysis or concepts into tangible, working software or robust automation.

This guide details how to set up a robust, local development loop for Framer plugins and components. It covers hot-reloading using Vite, writing unit tests with Vitest, and integrating with the Framer Server API. This workflow enables developers to achieve fast iteration cycles, ensuring seamless development from concept to production-ready prototype within the Framer environment.

Huashu-Design is a specialized skill for generating visually rich, high-fidelity designs using HTML. It is designed for creating interactive prototypes, sophisticated presentations (PPT/Slides), motion demos, and advanced visualizations. It strictly follows professional design principles, requiring proper asset acquisition and structured workflow management, but excludes full-scale production web applications or backend systems.

This guide helps determine the optimal deployment strategy for Qdrant, a vector database. It compares four main options—Local Mode, Self-Hosted (Docker), Qdrant Cloud (Zero-Ops), and Qdrant EDGE—based on project requirements such as control needs, operational overhead, data residency, and required latency. Use it to decide whether to prototype, manage full infrastructure, or prioritize minimal latency.

This skill performs a rigorous, 5-dimension expert critique on any digital artifact, such as landing pages, presentations, or prototypes. It systematically evaluates five critical areas—Philosophy, Visual Hierarchy, Detail Execution, Functionality, and Innovation—scoring each 0-10. The output is a comprehensive, evidence-backed HTML report providing actionable insights, a radar chart, and prioritized lists (Keep/Fix/Quick-wins) to guide systemic design improvements.

Generate a high-fidelity, multi-screen mobile prototype simulating a gamified experience, perfect for habit trackers, life management apps, or RPG concepts. The output features three distinct phone frames: cover/value proposition, daily quests dashboard, and detailed quest view, all presented on a single dark showcase stage. Ideal for visualizing user journeys and engagement mechanics.

A comprehensive, single-screen Kanban board prototype designed for visualizing agile project management and sprint tracking. It features distinct columns (Backlog, In Progress, Review, Done), draggable cards, assignee avatars, and advanced filtering options, making it ideal for managing product backlogs, simulating tools like Trello, or visualizing complex workflows.

Create a single mobile app screen mockup framed in a realistic iPhone 15 Pro device. Use it for app UI concepts, phone screen previews, and prototype presentations.

Generate a comprehensive, multi-screen mobile onboarding prototype displayed in a side-by-side HTML format. This tool is perfect for designing the initial user experience (UX) flow, covering splash screens, value proposition details, and final sign-in steps. Ideal for apps needing a polished debut experience.

A general-purpose tool for creating self-contained, professional web prototypes. Ideal for generating landing pages, marketing sites, or documentation mockups. It operates by assembling pre-engineered sections and adhering strictly to a defined design system, eliminating the need for custom CSS writing.

This comprehensive playbook details advanced techniques for detecting Prototype Pollution vulnerabilities in JavaScript environments (Node.js and browser). It covers various attack vectors, including using `__proto__` and `constructor.prototype` paths, and provides black-box testing payloads for JSON parsing, query string merging, and deep object assignment. Use this when analyzing applications for potential Remote Code Execution (RCE) or unintended property leakage via object merging sinks.

This advanced playbook covers escalating prototype pollution into Remote Code Execution (RCE) and Cross-Site Scripting (XSS). It details exploitation techniques across various environments, including Node.js child_process, EJS, Pug, Handlebars, and client-side libraries like jQuery and Lodash. It is designed for security researchers and penetration testers to systematic locate and exploit deep merge sinks and framework gadgets.