[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"similar-ashnkumar--sketch-code":3,"tool-ashnkumar--sketch-code":61},[4,18,26,36,44,53],{"id":5,"name":6,"github_repo":7,"description_zh":8,"stars":9,"difficulty_score":10,"last_commit_at":11,"category_tags":12,"status":17},4358,"openclaw","openclaw\u002Fopenclaw","OpenClaw 是一款专为个人打造的本地化 AI 助手，旨在让你在自己的设备上拥有完全可控的智能伙伴。它打破了传统 AI 助手局限于特定网页或应用的束缚，能够直接接入你日常使用的各类通讯渠道，包括微信、WhatsApp、Telegram、Discord、iMessage 等数十种平台。无论你在哪个聊天软件中发送消息，OpenClaw 都能即时响应，甚至支持在 macOS、iOS 和 Android 设备上进行语音交互，并提供实时的画布渲染功能供你操控。\n\n这款工具主要解决了用户对数据隐私、响应速度以及“始终在线”体验的需求。通过将 AI 部署在本地，用户无需依赖云端服务即可享受快速、私密的智能辅助，真正实现了“你的数据，你做主”。其独特的技术亮点在于强大的网关架构，将控制平面与核心助手分离，确保跨平台通信的流畅性与扩展性。\n\nOpenClaw 非常适合希望构建个性化工作流的技术爱好者、开发者，以及注重隐私保护且不愿被单一生态绑定的普通用户。只要具备基础的终端操作能力（支持 macOS、Linux 及 Windows WSL2），即可通过简单的命令行引导完成部署。如果你渴望拥有一个懂你",349277,3,"2026-04-06T06:32:30",[13,14,15,16],"Agent","开发框架","图像","数据工具","ready",{"id":19,"name":20,"github_repo":21,"description_zh":22,"stars":23,"difficulty_score":10,"last_commit_at":24,"category_tags":25,"status":17},3808,"stable-diffusion-webui","AUTOMATIC1111\u002Fstable-diffusion-webui","stable-diffusion-webui 是一个基于 Gradio 构建的网页版操作界面，旨在让用户能够轻松地在本地运行和使用强大的 Stable Diffusion 图像生成模型。它解决了原始模型依赖命令行、操作门槛高且功能分散的痛点，将复杂的 AI 绘图流程整合进一个直观易用的图形化平台。\n\n无论是希望快速上手的普通创作者、需要精细控制画面细节的设计师，还是想要深入探索模型潜力的开发者与研究人员，都能从中获益。其核心亮点在于极高的功能丰富度：不仅支持文生图、图生图、局部重绘（Inpainting）和外绘（Outpainting）等基础模式，还独创了注意力机制调整、提示词矩阵、负向提示词以及“高清修复”等高级功能。此外，它内置了 GFPGAN 和 CodeFormer 等人脸修复工具，支持多种神经网络放大算法，并允许用户通过插件系统无限扩展能力。即使是显存有限的设备，stable-diffusion-webui 也提供了相应的优化选项，让高质量的 AI 艺术创作变得触手可及。",162132,"2026-04-05T11:01:52",[14,15,13],{"id":27,"name":28,"github_repo":29,"description_zh":30,"stars":31,"difficulty_score":32,"last_commit_at":33,"category_tags":34,"status":17},1381,"everything-claude-code","affaan-m\u002Feverything-claude-code","everything-claude-code 是一套专为 AI 编程助手（如 Claude Code、Codex、Cursor 等）打造的高性能优化系统。它不仅仅是一组配置文件，而是一个经过长期实战打磨的完整框架，旨在解决 AI 代理在实际开发中面临的效率低下、记忆丢失、安全隐患及缺乏持续学习能力等核心痛点。\n\n通过引入技能模块化、直觉增强、记忆持久化机制以及内置的安全扫描功能，everything-claude-code 能显著提升 AI 在复杂任务中的表现，帮助开发者构建更稳定、更智能的生产级 AI 代理。其独特的“研究优先”开发理念和针对 Token 消耗的优化策略，使得模型响应更快、成本更低，同时有效防御潜在的攻击向量。\n\n这套工具特别适合软件开发者、AI 研究人员以及希望深度定制 AI 工作流的技术团队使用。无论您是在构建大型代码库，还是需要 AI 协助进行安全审计与自动化测试，everything-claude-code 都能提供强大的底层支持。作为一个曾荣获 Anthropic 黑客大奖的开源项目，它融合了多语言支持与丰富的实战钩子（hooks），让 AI 真正成长为懂上",160784,2,"2026-04-19T11:32:54",[14,13,35],"语言模型",{"id":37,"name":38,"github_repo":39,"description_zh":40,"stars":41,"difficulty_score":32,"last_commit_at":42,"category_tags":43,"status":17},2271,"ComfyUI","Comfy-Org\u002FComfyUI","ComfyUI 是一款功能强大且高度模块化的视觉 AI 引擎，专为设计和执行复杂的 Stable Diffusion 图像生成流程而打造。它摒弃了传统的代码编写模式，采用直观的节点式流程图界面，让用户通过连接不同的功能模块即可构建个性化的生成管线。\n\n这一设计巧妙解决了高级 AI 绘图工作流配置复杂、灵活性不足的痛点。用户无需具备编程背景，也能自由组合模型、调整参数并实时预览效果，轻松实现从基础文生图到多步骤高清修复等各类复杂任务。ComfyUI 拥有极佳的兼容性，不仅支持 Windows、macOS 和 Linux 全平台，还广泛适配 NVIDIA、AMD、Intel 及苹果 Silicon 等多种硬件架构，并率先支持 SDXL、Flux、SD3 等前沿模型。\n\n无论是希望深入探索算法潜力的研究人员和开发者，还是追求极致创作自由度的设计师与资深 AI 绘画爱好者，ComfyUI 都能提供强大的支持。其独特的模块化架构允许社区不断扩展新功能，使其成为当前最灵活、生态最丰富的开源扩散模型工具之一，帮助用户将创意高效转化为现实。",109154,"2026-04-18T11:18:24",[14,15,13],{"id":45,"name":46,"github_repo":47,"description_zh":48,"stars":49,"difficulty_score":32,"last_commit_at":50,"category_tags":51,"status":17},6121,"gemini-cli","google-gemini\u002Fgemini-cli","gemini-cli 是一款由谷歌推出的开源 AI 命令行工具，它将强大的 Gemini 大模型能力直接集成到用户的终端环境中。对于习惯在命令行工作的开发者而言，它提供了一条从输入提示词到获取模型响应的最短路径，无需切换窗口即可享受智能辅助。\n\n这款工具主要解决了开发过程中频繁上下文切换的痛点，让用户能在熟悉的终端界面内直接完成代码理解、生成、调试以及自动化运维任务。无论是查询大型代码库、根据草图生成应用，还是执行复杂的 Git 操作，gemini-cli 都能通过自然语言指令高效处理。\n\n它特别适合广大软件工程师、DevOps 人员及技术研究人员使用。其核心亮点包括支持高达 100 万 token 的超长上下文窗口，具备出色的逻辑推理能力；内置 Google 搜索、文件操作及 Shell 命令执行等实用工具；更独特的是，它支持 MCP（模型上下文协议），允许用户灵活扩展自定义集成，连接如图像生成等外部能力。此外，个人谷歌账号即可享受免费的额度支持，且项目基于 Apache 2.0 协议完全开源，是提升终端工作效率的理想助手。",100752,"2026-04-10T01:20:03",[52,13,15,14],"插件",{"id":54,"name":55,"github_repo":56,"description_zh":57,"stars":58,"difficulty_score":32,"last_commit_at":59,"category_tags":60,"status":17},4721,"markitdown","microsoft\u002Fmarkitdown","MarkItDown 是一款由微软 AutoGen 团队打造的轻量级 Python 工具，专为将各类文件高效转换为 Markdown 格式而设计。它支持 PDF、Word、Excel、PPT、图片（含 OCR）、音频（含语音转录）、HTML 乃至 YouTube 链接等多种格式的解析，能够精准提取文档中的标题、列表、表格和链接等关键结构信息。\n\n在人工智能应用日益普及的今天，大语言模型（LLM）虽擅长处理文本，却难以直接读取复杂的二进制办公文档。MarkItDown 恰好解决了这一痛点，它将非结构化或半结构化的文件转化为模型“原生理解”且 Token 效率极高的 Markdown 格式，成为连接本地文件与 AI 分析 pipeline 的理想桥梁。此外，它还提供了 MCP（模型上下文协议）服务器，可无缝集成到 Claude Desktop 等 LLM 应用中。\n\n这款工具特别适合开发者、数据科学家及 AI 研究人员使用，尤其是那些需要构建文档检索增强生成（RAG）系统、进行批量文本分析或希望让 AI 助手直接“阅读”本地文件的用户。虽然生成的内容也具备一定可读性，但其核心优势在于为机器",93400,"2026-04-06T19:52:38",[52,14],{"id":62,"github_repo":63,"name":64,"description_en":65,"description_zh":66,"ai_summary_zh":66,"readme_en":67,"readme_zh":68,"quickstart_zh":69,"use_case_zh":70,"hero_image_url":71,"owner_login":72,"owner_name":73,"owner_avatar_url":74,"owner_bio":75,"owner_company":76,"owner_location":77,"owner_email":78,"owner_twitter":76,"owner_website":76,"owner_url":79,"languages":80,"stars":89,"forks":90,"last_commit_at":91,"license":76,"difficulty_score":10,"env_os":92,"env_gpu":93,"env_ram":92,"env_deps":94,"category_tags":100,"github_topics":101,"view_count":32,"oss_zip_url":76,"oss_zip_packed_at":76,"status":17,"created_at":106,"updated_at":107,"faqs":108,"releases":139},9740,"ashnkumar\u002Fsketch-code","sketch-code","Keras model to generate HTML code from hand-drawn website mockups. Implements an image captioning architecture to drawn source images.","sketch-code 是一款基于深度学习的开源项目，能够直接将手绘的网站草图转换为可运行的 HTML 代码。它主要解决了前端开发中从设计稿到代码实现耗时较长的问题，让设计师画出的线框图能迅速变成网页原型，极大地加速了创意验证过程。\n\n这款工具特别适合对人工智能感兴趣的研究人员、希望探索自动化工作流的开发者以及需要快速原型演示的设计师使用。需要注意的是，目前 sketch-code 更偏向于概念验证（Proof-of-Concept），其效果在手绘风格与训练数据相似时最佳，尚未完全适应所有多变的真实手绘场景。\n\n在技术层面，sketch-code 的核心亮点在于采用了“图像描述”（Image Captioning）架构。它不像传统程序那样依赖规则匹配，而是利用 Keras 和 TensorFlow 构建的深度学习模型，像“看图说话”一样理解手绘图片中的布局与元素，并自动生成对应的标记语言。该项目建立在 pix2code 等前人研究基础之上，为“截图\u002F草图转代码”这一前沿方向提供了宝贵的实践参考。","# SketchCode\r\n\r\n![](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fpython-3-brightgreen.svg) ![](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Ftensorflow-1.1.0-orange.svg)\r\n\r\n*Generating HTML Code from a hand-drawn wireframe*\r\n\r\n![Preview](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fashnkumar_sketch-code_readme_ad45b991d64e.png)\r\n\r\nSketchCode is a deep learning model that takes hand-drawn web mockups and converts them into working HTML code. It uses an [image captioning](https:\u002F\u002Ftowardsdatascience.com\u002Fimage-captioning-in-deep-learning-9cd23fb4d8d2) architecture to generate its HTML markup from hand-drawn website wireframes.\r\n\r\nFor more information, check out this post: [Automating front-end development with deep learning](https:\u002F\u002Fblog.insightdatascience.com\u002Fautomated-front-end-development-using-deep-learning-3169dd086e82)\r\n\r\nThis project builds on the synthetically generated dataset and model architecture from [pix2code](https:\u002F\u002Fgithub.com\u002Ftonybeltramelli\u002Fpix2code) by [Tony Beltramelli](https:\u002F\u002Fgithub.com\u002Ftonybeltramelli) and the [Design Mockups](https:\u002F\u002Fgithub.com\u002Femilwallner\u002FScreenshot-to-code-in-Keras) project from [Emil Wallner](https:\u002F\u002Fgithub.com\u002Femilwallner).\r\n\r\n\u003Cb>Note:\u003C\u002Fb> This project is meant as a proof-of-concept; the model isn't (yet) built to generalize to the variability of sketches seen in actual wireframes, and thus its performance relies on wireframes resembling the core dataset.\r\n\r\n\r\n## Setup\r\n### Prerequisites\r\n\r\n- Python 3 (not compatible with python 2)\r\n- pip\r\n\r\n### Install dependencies\r\n\r\n```sh\r\npip install -r requirements.txt\r\n```\r\n\r\n## Example Usage\r\n\r\nDownload the data and pretrained weights:\r\n```sh\r\n# Getting the data, 1,700 images, 342mb\r\ngit clone https:\u002F\u002Fgithub.com\u002Fashnkumar\u002Fsketch-code.git\r\ncd sketch-code\r\ncd scripts\r\n\r\n# Get the data and pretrained weights\r\nsh get_data.sh\r\nsh get_pretrained_model.sh\r\n```\r\n\r\nConverting an example drawn image into HTML code, using pretrained weights:\r\n```sh\r\ncd src\r\n\r\npython convert_single_image.py --png_path ..\u002Fexamples\u002Fdrawn_example1.png \\\r\n      --output_folder .\u002Fgenerated_html \\\r\n      --model_json_file ..\u002Fbin\u002Fmodel_json.json \\\r\n      --model_weights_file ..\u002Fbin\u002Fweights.h5\r\n```\r\n\r\n\r\n## General Usage\r\n\r\nConverting a single image into HTML code, using weights:\r\n```sh\r\ncd src\r\n\r\npython convert_single_image.py --png_path {path\u002Fto\u002Fimg.png} \\\r\n      --output_folder {folder\u002Fto\u002Foutput\u002Fhtml} \\\r\n      --model_json_file {path\u002Fto\u002Fmodel\u002Fjson_file.json} \\\r\n      --model_weights_file {path\u002Fto\u002Fmodel\u002Fweights.h5}\r\n```\r\n\r\nConverting a batch of images in a folder to HTML:\r\n```sh\r\ncd src\r\n\r\npython convert_batch_of_images.py --pngs_path {path\u002Fto\u002Ffolder\u002Fwith\u002Fpngs} \\\r\n      --output_folder {folder\u002Fto\u002Foutput\u002Fhtml} \\\r\n      --model_json_file {path\u002Fto\u002Fmodel\u002Fjson_file.json} \\\r\n      --model_weights_file {path\u002Fto\u002Fmodel\u002Fweights.h5}\r\n```\r\n\r\nTrain the model:\r\n```sh\r\ncd src\r\n\r\n# training from scratch\r\n# \u003Caugment_training_data> adds Keras ImageDataGenerator augmentation for training images\r\npython train.py --data_input_path {path\u002Fto\u002Ffolder\u002Fwith\u002Fpngs\u002Fguis} \\\r\n      --validation_split 0.2 \\\r\n      --epochs 10 \\\r\n      --model_output_path {path\u002Fto\u002Foutput\u002Fmodel}\r\n      --augment_training_data 1\r\n\r\n# training starting with pretrained model\r\npython train.py --data_input_path {path\u002Fto\u002Ffolder\u002Fwith\u002Fpngs\u002Fguis} \\\r\n      --validation_split 0.2 \\\r\n      --epochs 10 \\\r\n      --model_output_path {path\u002Fto\u002Foutput\u002Fmodel} \\\r\n      --model_json_file ..\u002Fbin\u002Fmodel_json.json \\\r\n      --model_weights_file ..\u002Fbin\u002Fpretrained_weights.h5 \\\r\n      --augment_training_data 1\r\n```\r\n\r\nEvalute the generated prediction using the [BLEU score](https:\u002F\u002Fmachinelearningmastery.com\u002Fcalculate-bleu-score-for-text-python\u002F)\r\n```sh\r\ncd src\r\n\r\n# evaluate single GUI prediction\r\npython evaluate_single_gui.py --original_gui_filepath  {path\u002Fto\u002Foriginal\u002Fgui\u002Ffile} \\\r\n      --predicted_gui_filepath {path\u002Fto\u002Fpredicted\u002Fgui\u002Ffile}\r\n\r\n# training starting with pretrained model\r\npython evaluate_batch_guis.py --original_guis_filepath  {path\u002Fto\u002Ffolder\u002Fwith\u002Foriginal\u002Fguis} \\\r\n      --predicted_guis_filepath {path\u002Fto\u002Ffolder\u002Fwith\u002Fpredicted\u002Fguis}\r\n```\r\n\r\n## License\r\n\r\n### The MIT License (MIT)\r\n\r\nCopyright (c) 2018 Ashwin Kumar\u003Cash.nkumar@gmail.com@gmail.com>\r\n\r\n> Permission is hereby granted, free of charge, to any person obtaining a copy\r\n> of this software and associated documentation files (the \"Software\"), to deal\r\n> in the Software without restriction, including without limitation the rights\r\n> to use, copy, modify, merge, publish, distribute, sublicense, and\u002For sell\r\n> copies of the Software, and to permit persons to whom the Software is\r\n> furnished to do so, subject to the following conditions:\r\n>\r\n> The above copyright notice and this permission notice shall be included in\r\n> all copies or substantial portions of the Software.\r\n>\r\n> THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\r\n> IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\r\n> FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\r\n> AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\r\n> LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\r\n> OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\r\n> THE SOFTWARE.\r\n","# SketchCode\n\n![](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fpython-3-brightgreen.svg) ![](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Ftensorflow-1.1.0-orange.svg)\n\n*根据手绘线框图生成 HTML 代码*\n\n![预览](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fashnkumar_sketch-code_readme_ad45b991d64e.png)\n\nSketchCode 是一个深度学习模型，能够将手绘的网页原型转换为可运行的 HTML 代码。它采用 [图像字幕生成](https:\u002F\u002Ftowardsdatascience.com\u002Fimage-captioning-in-deep-learning-9cd23fb4d8d2)架构，从手绘网站线框图中生成 HTML 标记。\n\n更多信息请参阅这篇文章：[使用深度学习自动化前端开发](https:\u002F\u002Fblog.insightdatascience.com\u002Fautomated-front-end-development-using-deep-learning-3169dd086e82)\n\n该项目基于 [Tony Beltramelli](https:\u002F\u002Fgithub.com\u002Ftonybeltramelli) 的 [pix2code](https:\u002F\u002Fgithub.com\u002Ftonybeltramelli\u002Fpix2code) 项目中合成生成的数据集和模型架构，以及 [Emil Wallner](https:\u002F\u002Fgithub.com\u002Femilwallner) 的 [Design Mockups](https:\u002F\u002Fgithub.com\u002Femilwallner\u002FScreenshot-to-code-in-Keras) 项目。\n\n\u003Cb>注意：\u003C\u002Fb> 本项目仅作为概念验证；该模型目前尚未针对实际线框图中草图的多样性进行泛化训练，因此其性能依赖于线框图与核心数据集的相似性。\n\n\n## 设置\n### 前置条件\n\n- Python 3（不兼容 Python 2）\n- pip\n\n### 安装依赖项\n\n```sh\npip install -r requirements.txt\n```\n\n## 示例用法\n\n下载数据和预训练权重：\n```sh\n# 获取数据，共 1,700 张图片，约 342MB\ngit clone https:\u002F\u002Fgithub.com\u002Fashnkumar\u002Fsketch-code.git\ncd sketch-code\ncd scripts\n\n# 下载数据和预训练权重\nsh get_data.sh\nsh get_pretrained_model.sh\n```\n\n使用预训练权重将示例手绘图像转换为 HTML 代码：\n```sh\ncd src\n\npython convert_single_image.py --png_path ..\u002Fexamples\u002Fdrawn_example1.png \\\n      --output_folder .\u002Fgenerated_html \\\n      --model_json_file ..\u002Fbin\u002Fmodel_json.json \\\n      --model_weights_file ..\u002Fbin\u002Fweights.h5\n```\n\n\n## 通用用法\n\n使用权重将单张图像转换为 HTML 代码：\n```sh\ncd src\n\npython convert_single_image.py --png_path {path\u002Fto\u002Fimg.png} \\\n      --output_folder {folder\u002Fto\u002Foutput\u002Fhtml} \\\n      --model_json_file {path\u002Fto\u002Fmodel\u002Fjson_file.json} \\\n      --model_weights_file {path\u002Fto\u002Fmodel\u002Fweights.h5}\n```\n\n将文件夹中的批量图像转换为 HTML：\n```sh\ncd src\n\npython convert_batch_of_images.py --pngs_path {path\u002Fto\u002Ffolder\u002Fwith\u002Fpngs} \\\n      --output_folder {folder\u002Fto\u002Foutput\u002Fhtml} \\\n      --model_json_file {path\u002Fto\u002Fmodel\u002Fjson_file.json} \\\n      --model_weights_file {path\u002Fto\u002Fmodel\u002Fweights.h5}\n```\n\n训练模型：\n```sh\ncd src\n\n# 从头开始训练\n# \u003Caugment_training_data> 会为训练图像添加 Keras ImageDataGenerator 数据增强\npython train.py --data_input_path {path\u002Fto\u002Ffolder\u002Fwith\u002Fpngs\u002Fguis} \\\n      --validation_split 0.2 \\\n      --epochs 10 \\\n      --model_output_path {path\u002Fto\u002Foutput\u002Fmodel}\n      --augment_training_data 1\n\n# 以预训练模型为基础继续训练\npython train.py --data_input_path {path\u002Fto\u002Ffolder\u002Fwith\u002Fpngs\u002Fguis} \\\n      --validation_split 0.2 \\\n      --epochs 10 \\\n      --model_output_path {path\u002Fto\u002Foutput\u002Fmodel} \\\n      --model_json_file ..\u002Fbin\u002Fmodel_json.json \\\n      --model_weights_file ..\u002Fbin\u002Fpretrained_weights.h5 \\\n      --augment_training_data 1\n```\n\n使用 [BLEU 分数](https:\u002F\u002Fmachinelearningmastery.com\u002Fcalculate-bleu-score-for-text-python\u002F)评估生成的预测结果：\n```sh\ncd src\n\n# 评估单个 GUI 预测\npython evaluate_single_gui.py --original_gui_filepath  {path\u002Fto\u002Foriginal\u002Fgui\u002Ffile} \\\n      --predicted_gui_filepath {path\u002Fto\u002Fpredicted\u002Fgui\u002Ffile}\n\n# 评估一批 GUI\npython evaluate_batch_guis.py --original_guis_filepath  {path\u002Fto\u002Ffolder\u002Fwith\u002Foriginal\u002Fguis} \\\n      --predicted_guis_filepath {path\u002Fto\u002Ffolder\u002Fwith\u002Fpredicted\u002Fguis}\n```\n\n## 许可证\n\n### MIT 许可证 (MIT)\n\n版权所有 © 2018 Ashwin Kumar \u003Cash.nkumar@gmail.com@gmail.com>\n\n> 特此授予任何人免费获取本软件及其相关文档文件（以下简称“软件”）副本的权利，允许以任何方式处理软件，包括但不限于使用、复制、修改、合并、发布、分发、再许可和出售软件副本，并允许向任何获得软件的人提供服务，但须遵守以下条件：\n>\n> 上述版权声明和本许可声明应包含在软件的所有副本或实质性部分中。\n>\n> 软件按“原样”提供，不提供任何形式的担保，无论是明示的还是默示的，包括但不限于适销性、特定用途适用性和非侵权性。在任何情况下，作者或版权所有者均不对因合同、侵权或其他原因引起的任何索赔、损害赔偿或其他责任负责，这些责任可能源于或与软件的使用或与其他方面的交互有关。","# SketchCode 快速上手指南\n\nSketchCode 是一个深度学习模型，能够将手绘的网页线框图转换为可运行的 HTML 代码。该项目基于图像描述（Image Captioning）架构，适合作为前端开发自动化的概念验证。\n\n> **注意**：本项目目前主要作为概念验证（Proof-of-Concept）。模型尚未针对真实手绘线框图的多样性进行泛化优化，其表现高度依赖于输入图片与核心训练数据集的相似程度。\n\n## 环境准备\n\n在开始之前，请确保您的系统满足以下要求：\n\n*   **操作系统**：Linux \u002F macOS \u002F Windows (需配置相应 Python 环境)\n*   **Python 版本**：Python 3.x (**不兼容** Python 2)\n*   **包管理工具**：pip\n*   **核心依赖**：TensorFlow 1.1.0 (及其他通过 requirements.txt 安装的库)\n\n## 安装步骤\n\n### 1. 克隆项目并安装依赖\n\n首先获取源代码并安装所需的 Python 包：\n\n```sh\ngit clone https:\u002F\u002Fgithub.com\u002Fashnkumar\u002Fsketch-code.git\ncd sketch-code\npip install -r requirements.txt\n```\n\n### 2. 下载数据与预训练模型\n\n进入脚本目录，执行以下命令下载示例数据（约 342MB，含 1700 张图片）和预训练权重：\n\n```sh\ncd scripts\n\n# 获取数据\nsh get_data.sh\n\n# 获取预训练模型权重\nsh get_pretrained_model.sh\n```\n\n> **提示**：如果下载速度较慢，可手动访问 GitHub 仓库下载对应文件，或尝试配置国内 pip\u002F网络加速代理。\n\n## 基本使用\n\n以下是最简单的使用示例：将一张手绘示例图转换为 HTML 代码。\n\n确保当前位于 `src` 目录，然后运行以下命令：\n\n```sh\ncd src\n\npython convert_single_image.py --png_path ..\u002Fexamples\u002Fdrawn_example1.png \\\n      --output_folder .\u002Fgenerated_html \\\n      --model_json_file ..\u002Fbin\u002Fmodel_json.json \\\n      --model_weights_file ..\u002Fbin\u002Fweights.h5\n```\n\n执行完成后，生成的 HTML 代码将保存在 `.\u002Fgenerated_html` 文件夹中。您可以直接在浏览器中打开生成的文件查看效果。\n\n### 通用命令格式\n\n如果您想转换自己的图片，请使用以下通用格式：\n\n```sh\ncd src\n\npython convert_single_image.py --png_path {path\u002Fto\u002Fimg.png} \\\n      --output_folder {folder\u002Fto\u002Foutput\u002Fhtml} \\\n      --model_json_file {path\u002Fto\u002Fmodel\u002Fjson_file.json} \\\n      --model_weights_file {path\u002Fto\u002Fmodel\u002Fweights.h5}\n```\n\n*   `--png_path`: 输入的手绘线框图路径。\n*   `--output_folder`: 输出 HTML 文件的目标文件夹。\n*   `--model_json_file`: 模型结构文件路径（通常位于 `..\u002Fbin\u002Fmodel_json.json`）。\n*   `--model_weights_file`: 模型权重文件路径（通常位于 `..\u002Fbin\u002Fweights.h5` 或您训练的权重）。","某初创公司的产品团队需要在一天内验证三个新的落地页创意，设计师在白板上手绘了粗糙的线框图，急需将其转化为可交互的网页原型以供内部测试。\n\n### 没有 sketch-code 时\n- 前端工程师必须手动解读手绘草图，逐行编写 HTML 结构和 CSS 样式，耗时且容易误解设计意图。\n- 从草图到可点击原型的转化周期长达数小时甚至数天，严重拖慢了“构思 - 验证”的敏捷迭代节奏。\n- 设计师与开发人员之间需要反复沟通确认布局细节，大量时间浪费在低价值的对齐工作上。\n- 若需同时验证多个方案，人力成本呈线性增长，导致团队不得不忍痛砍掉部分创意的实现机会。\n\n### 使用 sketch-code 后\n- 团队只需将手绘线框图拍照上传，sketch-code 利用图像描述架构自动识别元素并生成可用的基础 HTML 代码。\n- 原型构建时间从数小时缩短至几分钟，产品团队能在当天完成多轮“绘图 - 生成 - 测试”的快速闭环。\n- 开发人员从重复的切图编码中解放出来，专注于优化交互逻辑和视觉细节，沟通成本大幅降低。\n- 批量处理功能允许一次性转换整个文件夹的草图，使得低成本并行验证多个设计方案成为现实。\n\nsketch-code 的核心价值在于将非结构化的手绘创意瞬间转化为结构化代码，极大地降低了前端原型制作的门槛与时间成本。","https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fashnkumar_sketch-code_ff84debe.png","ashnkumar","Ashwin Kumar","https:\u002F\u002Foss.gittoolsai.com\u002Favatars\u002Fashnkumar_4587eaa7.png","I build purposeful projects",null,"New York, NY","ash.nkumar@gmail.com","https:\u002F\u002Fgithub.com\u002Fashnkumar",[81,85],{"name":82,"color":83,"percentage":84},"Python","#3572A5",99.1,{"name":86,"color":87,"percentage":88},"Shell","#89e051",0.9,5154,681,"2026-04-17T09:41:41","未说明","未说明 (基于 TensorFlow 1.1.0，通常支持 CPU 或 NVIDIA GPU，但 README 未明确指定)",{"notes":95,"python":96,"dependencies":97},"该项目为概念验证原型，模型泛化能力有限，仅适用于与核心数据集相似的手绘线框图。运行前需通过脚本下载约 342MB 的数据集和预训练权重文件。由于依赖较旧的 TensorFlow 1.1.0 版本，在现代环境中安装可能遇到兼容性挑战。","3.x (不兼容 Python 2)",[98,99],"tensorflow==1.1.0","keras",[15,14],[99,102,103,104,105],"tensorflow","image-processing","deep-learning","augmentation","2026-03-27T02:49:30.150509","2026-04-20T04:04:04.945398",[109,114,119,124,129,134],{"id":110,"question_zh":111,"answer_zh":112,"source_url":113},43748,"如何修复 'No module named inference.Sampler' 导入错误？","该项目仅支持 Python 3.6.4 版本。如果遇到此错误，请按顺序执行以下步骤：\n1. !pip install opencv-python\n2. !apt update && apt install -y libsm6 libxext6\n3. !apt-get install -y libxrender-dev\n4. sudo apt-get install libsm6 libxrender1 libfontconfig1\n5. sudo python3 -m pip install opencv-contrib-python\n6. pip uninstall numpy (执行两次以清除所有已安装版本)\n7. pip install numpy\n完成上述操作后，程序即可正常运行。","https:\u002F\u002Fgithub.com\u002Fashnkumar\u002Fsketch-code\u002Fissues\u002F6",{"id":115,"question_zh":116,"answer_zh":117,"source_url":118},43749,"如何获取用于训练的手绘线框数据集？","你可以使用微软 AI 实验室公开的数据集。相关资源链接如下：\n- 图片数据集：https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Failab\u002Ftree\u002Fmaster\u002FSketch2Code\u002Fmodel\u002Fimages\n- JSON 标注文件：https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Failab\u002Fblob\u002Fmaster\u002FSketch2Code\u002Fmodel\u002Fdataset.json","https:\u002F\u002Fgithub.com\u002Fashnkumar\u002Fsketch-code\u002Fissues\u002F12",{"id":120,"question_zh":121,"answer_zh":122,"source_url":123},43750,"为什么 convert_single_image.py 对不同输入生成相同的 HTML 结果？","这通常是因为模型输出的模板较为固定。虽然不同输入生成的 HTML 在细节上（如字母内容或盒子高度）可能存在细微差异，但整体结构和样式模板是基本一致的。这是模型当前的特性，并非完全生成相同代码。","https:\u002F\u002Fgithub.com\u002Fashnkumar\u002Fsketch-code\u002Fissues\u002F1",{"id":125,"question_zh":126,"answer_zh":127,"source_url":128},43751,"如何在博客提到的流程中对截图进行倾斜、平移和旋转增强以模拟手绘效果？","可以通过 CSS 样式来实现对图像轮廓的倾斜、平移和旋转处理，从而模拟手绘草图的变异性，无需复杂的图像处理算法。","https:\u002F\u002Fgithub.com\u002Fashnkumar\u002Fsketch-code\u002Fissues\u002F36",{"id":130,"question_zh":131,"answer_zh":132,"source_url":133},43752,"训练自定义数据后生成了多个 .h5 权重文件，应该如何使用？","目前社区中有关于如何运行训练源的讨论，但具体如何选择和使用多个生成的 .h5 文件（例如选择最佳 epoch 的权重）需参考训练日志中的验证损失，通常选择验证集表现最好的那个 .h5 文件作为最终模型权重加载。","https:\u002F\u002Fgithub.com\u002Fashnkumar\u002Fsketch-code\u002Fissues\u002F21",{"id":135,"question_zh":136,"answer_zh":137,"source_url":138},43753,"README 文件中是否存在版权信息格式错误？","是的，README 中的版权行存在格式错误。原文写成了 'Ashwin Kumar\u003Cash.nkumar@gmail.com**@gmail.com**>'，多余的 '**@gmail.com**' 是笔误，正确的邮箱格式应为 'ash.nkumar@gmail.com'。","https:\u002F\u002Fgithub.com\u002Fashnkumar\u002Fsketch-code\u002Fissues\u002F2",[]]