stitch::code-to-design — independently scanned and version-tracked by SaferSkills.
SaferSkills independently audited stitch::code-to-design (Agent Skill) and scored it 100/100 (green). The audit ran 55 deterministic rules across Security, Supply Chain, Maintenance, Transparency, and Community; it found 0 high-severity and 0 lower-severity findings. The full rule-by-rule trace and per-finding evidence are below. Free, methodology-open.
Findings & checks · 0 flagged
Every scanned point with the score it earned and what moved between them.
First recorded scan — no prior version to compare against.
The primary manifest — the file an agent reads to learn what this artifact does.
Transform your existing frontend code into a Stitch Design so you can iterate and improve it using Stitch.
This skill orchestrates three other skills in sequence:
extract-static-html: Extract a single self-contained HTML file from your build output.extract-design-md: Analyze the source code to create a design system (DESIGN.md).upload-to-stitch: Upload that HTML file and the design system to your Stitch project.Follow these steps to convert your existing code.
index.html and assets.projectId (use list_projects if unknown).#### 1. Extract Self-Contained HTML
Delegate to the extract-static-html skill to generate a standalone HTML file. Read skills/extract-static-html/SKILL.md for detailed instructions and script usage.
Expected output: A single file like /path/to/extracted/standalone.html.
#### 2. Verify HTML (Optional — User-Driven)
After extraction, inform the user of the output file path so they can manually verify in a browser if desired. Do not block on verification — proceed directly to Step 3.
If the user reports issues after reviewing, fix them before continuing.
#### 3. Extract Design System (File)
Delegate to the extract-design-md skill to analyze the project's source files (components, stylesheets, theme configs) and produce a design system. Read skills/extract-design-md/SKILL.md for the full analysis workflow.
Write .stitch/DESIGN.md following the extract-design-md skill's output structure.
#### 4. Upload DESIGN.md and Create Design System in Stitch
Delegate to the manage-design-system skill to upload the DESIGN.md and create the design system in Stitch. Read skills/manage-design-system/SKILL.md for the full workflow (upload script usage, create_design_system_from_design_md call, and required schemas). Pass --generated-by 'stitch::code-to-design' when uploading.
#### 5. Upload HTML to Stitch
Use the same upload-to-stitch skill's script to upload the extracted HTML file. Read skills/upload-to-stitch/SKILL.md for detailed instructions and script usage.
You will need:
projectId.--generated-by argument set to 'stitch::extract-static-html'.~30 seconds. Free. No account. Every finding cites a rule and a line of evidence.