从截图复刻应用界面
把一张现有产品的截图变成一个可运行、有实际功能的界面克隆。
Here is a screenshot of [PRODUCT NAME]'s interface: [ATTACH SCREENSHOT]. Recreate this UI as a working [FRAMEWORK / SINGLE HTML FILE] app with REAL functionality, not a static mockup. - Match the layout, spacing, and visual hierarchy in the screenshot as closely as you can. - Implement the core interactions I would actually use: [LIST KEY FEATURES, e.g. navigation, search, create/edit items]. - Wire up local state so buttons, forms, and lists genuinely respond. Work autonomously until it runs, then tell me what you approximated and what still needs real backend wiring.
