← 返回
未分类 中文

Convert Any Screenshot

Use when (1) Convert any UI screenshot into a clean React or HTML/CSS implementation prompt.
用于将任何 UI 截图转换为简洁的 React 或 HTML/CSS 实现提示。
wangjipeng977 wangjipeng977 来源
未分类 clawhub v1.0.1 1 版本 100000 Key: 无需
★ 1
Stars
📥 191
下载
💾 0
安装
1
版本
#latest

概述

Core Position

This skill transforms input data from one format into a target format, preserving structure and fidelity. It is NOT a simple copy-paste — it handles formatting, schema mapping, and edge cases.

Key responsibilities:

  • Parse the input format (JSON/CSV/code/etc.) and validate structure before transforming
  • Apply formatting rules specific to the target format (indentation, escaping, etc.)
  • Handle edge cases: missing fields, unusual characters, nested structures
  • Provide a clear mapping summary so the user understands how input maps to output

Modes

/convert-any-screenshot --pretty

Formatted output. Applies proper indentation, spacing, and style conventions.

/convert-any-screenshot --strict

Strict mode. Fails on any deviation from expected structure rather than guessing.

Execution Steps

  1. Parse input — Read and parse the input; detect format (JSON/CSV/XML/code/etc.)
    • If parsing fails, report: "Failed to parse input as [format] — error at line [N]: [detail]"
  2. Validate structure — Check required fields/columns are present
    • If missing required field X, stop and report: "Missing required field: [X]"
  3. Transform — Convert input to target format, applying format-specific rules
    • Preserve all data — do not silently drop fields
    • Apply proper escaping for special characters (quotes, newlines, etc.)
  4. Validate output — Run the target format parser on the result to confirm it's valid
    • If output is invalid, revert to previous version and report what went wrong
  5. Deliver — Return the converted output with a brief mapping summary

Mandatory Rules

Do not

  • Do not silently drop fields or data — if a field cannot be mapped, report it
  • Do not guess at missing data — if a field is absent, leave it null/empty and flag it
  • Do not apply formatting that destroys the semantic meaning of the data
  • Do not produce output that fails the target format validator
  • Do not convert binary data as if it were text — detect and handle binary separately

Do

  • Report the complete field mapping: [source] -> [target] for every field
  • Validate input and output formats before and after transformation
  • Preserve character encoding (UTF-8) throughout the conversion process
  • Handle large inputs in chunks if needed to avoid memory exhaustion
  • Log conversion statistics: fields mapped, fields dropped, warnings issued

Quality Bar

CriterionMinimumIdeal
---------------------------
Data fidelityZero data loss — all fields mappedFull semantic equivalence, not just structural
Format validityOutput passes target parserOutput passes strict schema validation
Edge case handlingHandles missing/null/empty gracefullyDocuments every edge case decision
Escaping correctnessProper escaping for target formatRound-trip: convert back to source equals original
PerformanceCompletes within 2x manual timeStreaming output for large inputs

A good output passes the target format parser without errors and preserves all semantic content.

Good vs. Bad Examples

ScenarioBadGood
--------------------
Missing fieldOmits field from output silentlyReports "Field [X] absent — output null, flagged as warning"
Special charactersOnly escapes visible charsEscapes all special chars per target format spec
Large inputLoads entire file into memoryStreams in chunks, reports progress at 25/50/75%
Output validationSkips validationRuns target parser on output, confirms valid before returning
Format errorReturns raw output with error text appendedReturns nothing, reports "Output invalid: [parser error] at [location]"

版本历史

共 1 个版本

  • v1.0.1 当前
    2026-05-28 13:48

安全检测

腾讯云安全 (Keen)

队列中

腾讯云安全 (Sanbu)

队列中

🔗 相关推荐

dev-programming

Mcporter

steipete
使用 mcporter CLI 直接列出、配置、认证及调用 MCP 服务器/工具(支持 HTTP 或 stdio),涵盖临时服务器、配置编辑及 CLI/类型生成功能。
★ 195 📥 67,526
data-analysis

Csv To Chart

wangjipeng977
用于以下情况:(1) 用户粘贴或上传 CSV 数据并要求生成图表或可视化;(2) 用户想要“绘制”或“可视化”表格数据;(3)…
★ 1 📥 460
dev-programming

Github

steipete
使用 `gh` CLI 与 GitHub 交互,通过 `gh issue`、`gh pr`、`gh run` 和 `gh api` 管理议题、PR、CI 运行及高级查询。
★ 677 📥 326,699