Skill UI

This skill provides a comprehensive framework for the continuous self-improvement of makepad-skills. It outlines automatic skill triggering via hooks, context-aware skill routing, and a structured process for capturing new patterns, error solutions, and best practices. It ensures the entire skill library remains robust and up-to-date throughout the development lifecycle.

This framework enforces high output quality, intellectual honesty, and continuous improvement across all AppSec agents. It mandates structured processes, including self-critique loops, anti-rationalization guards, and self-reflection quality gates (≥8 scoring). Applicable during code review, SAST, SCA, and threat modeling, it ensures rigorous and verifiable security analysis.

This skill automates the migration of existing frontend code (such as those built with React, Vite, or other frameworks) into the proprietary Stitch Design format. It performs a multi-step workflow: first, extracting a self-contained static HTML file; second, analyzing source components and stylesheets to generate a comprehensive design system documentation (DESIGN.md); and finally, uploading both artifacts to the specified Stitch project for continuous iteration and improvement.