GitHub repo xịn · Vui Coding chọn
abi/screenshot-to-code
repository này cung cấp công cụ chuyển đổi ảnh chụp màn hình, mockup hoặc thiết kế Figma thành mã nguồn sạch sẽ và chức năng sử dụng AI. Điểm mạnh là hỗ trợ đa ngăn xếp và tích hợp nhiều mô hình AI để tối ưu hoá chất lượng đầu ra.
Tóm tắt nhanh
Repo này làm được gì?
repository này cung cấp công cụ chuyển đổi ảnh chụp màn hình, mockup hoặc thiết kế Figma thành mã nguồn sạch sẽ và chức năng sử dụng AI. Điểm mạnh là hỗ trợ đa ngăn xếp và tích hợp nhiều mô hình AI để tối ưu hoá chất lượng đầu ra.
Mô tả từ GitHub
Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)
Bắt đầu với repo
Cài đặt và sử dụng
Hướng dẫn cài đặt
1. Cài đặt backend:
cd backend
echo "OPENAI_API_KEY=sk-your-key" > .env
echo "ANTHROPIC_API_KEY=your-key" >> .env
echo "GEMINI_API_KEY=your-key" >> .env
echo "REPLICATE_API_KEY=r8_your-key" >> .env
poetry install
poetry run playwright install chromium
poetry env activate
poetry run uvicorn main:app --reload --port 70012. Cài đặt frontend:
cd ../frontend
pnpm install
pnpm dev3. Truy cập tại http://localhost:5173.
Hướng dẫn sử dụng
1. Khởi động ứng dụng. 2. Tải lên ảnh chụp màn hình hoặc thiết kế. 3. Chọn ngăn xếp công nghệ phù hợp. 4. Nhấn nút để AI chuyển đổi thành mã nguồn. 5. Xem kết quả trong trình duyệt.
