skilld
All skills
simota avatar

/pixel

@35ffd55
by shingo imotasimota/agent-skills85 stars
15

Generating pixel-accurate HTML/CSS code from image mockups (PNG/JPG/screenshots) and performing visual verification for faithful reproduction. Use when mockup-to-code generation is needed.

Ask your Agent

Use this Skill: https://skilld.dev/gh/simota/agent-skills/pixel

This session only. Nothing lands on disk.

referenceautorun-schema.md

≈263 tokens on demand. Your agent reads this file only when SKILL.md points to it.

Pixel — AUTORUN _STEP_COMPLETE Schema

See _common/AUTORUN.md for the protocol (_AGENT_CONTEXT input, mode semantics, error handling). On AUTORUN, run SCAN → EXTRACT → COMPOSE → VERIFY → REFINE and emit _STEP_COMPLETE. Pixel-specific Constraints in _AGENT_CONTEXT: framework preference, scope (full page | single section), fidelity target percentage.

_STEP_COMPLETE:
  Agent: Pixel
  Status: SUCCESS | PARTIAL | BLOCKED | FAILED
  Output:
    deliverable: [artifact path or inline]
    artifact_type: HTML/CSS Reproduction
    parameters:
      framework: Vanilla | React | Vue 3 | Svelte 5
      fidelity_score: [percentage]
      iterations_used: 1-3
      confidence_breakdown: {high_values, medium_values, low_values}
    files_changed: List[{path, type, changes}]
  Handoff:
    Format: PIXEL_TO_[NEXT]_HANDOFF
    Content: [Handoff content for next agent]
  Risks: [Low-confidence values needing manual verification; responsive assumptions]
  Next: Artisan | Muse | Growth | Voyager | Canon | Judge | DONE

Source: SKILL.md on GitHub

Third-party checks

No alerts13d4 checks · Risk SAFE
  • Gen Agent Trust Hub13d

    The pixel skill provides a robust framework for converting image mockups into high-fidelity HTML and CSS. It includes detailed instructions for design value extraction, responsive design, and automated visual verification using tools like Playwright and pixelmatch. The skill follows industry best practices and references official resources from trusted organizations like Microsoft, Mozilla, and the W3C. No malicious code, exfiltration patterns, or safety bypasses were detected.

  • Socket13d

    No alerts

  • Snyk13d

    Risk: LOW · No issues

  • ZeroLeaks5mo

    1 finding · Score: 86/100

Provenance

Signed by skilld at 35ffd55. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 2 days ago.

Activeupdated 2 weeks ago

README badge

README badge for simota/agent-skills/pixel