Show HN: Tips.io - Sân chơi Tailwind với AI, quản lý trang và tính năng chủ đề

• Nền tảng kết hợp tính linh hoạt của Tailwind playground với tính năng quản lý trang, cho phép tạo website đơn giản và miễn phí
• Nhờ các tính năng chủ đề mạnh mẽ và khả năng tái sử dụng, có thể dễ dàng tạo landing page, microsite, website marketing, v.v.

Ý tưởng cốt lõi

• HTML chính là CMS
  • Không có field hay giới hạn; chỉ cần di chuột lên các phần tử HTML và nhấp để chỉnh sửa ngay lập tức. Khi nhấp vào một phần tử cụ thể, các tính năng chỉnh sửa chuyên biệt sẽ tự động được cung cấp:
    • ``: hỗ trợ trình tải lên, bộ chọn ảnh stock hoặc chỉnh sửa HTML.
    • ``: hỗ trợ trình tải lên, bộ chọn video stock hoặc chỉnh sửa HTML.
    • ``: hỗ trợ bộ chọn biểu tượng hoặc chỉnh sửa HTML.
    • ``: hỗ trợ trình soạn thảo WYSIWYG hoặc chỉnh sửa HTML.
• Slices
  • Slice là từng phần HTML riêng lẻ của trang hoặc một component dưới dạng file đơn. Chúng độc lập, tự chứa, nên có thể kéo thả để sắp xếp lại dễ dàng.
  • Cung cấp khả năng tái sử dụng và liên kết giữa các trang; ví dụ chỉ cần cập nhật một HTML footer là có thể áp dụng cho toàn bộ.
• AI ở cấp độ Element thay vì cấp độ trang
  • Có thể chọn và chỉnh sửa từng phần tử riêng lẻ trong HTML Slice. Không cần render lại hay tái cấu trúc toàn bộ component.
  • Hiện hỗ trợ 5 mô hình AI. Dự kiến sẽ bổ sung thêm các tính năng tích hợp AI mạnh mẽ và tiên tiến hơn trong tương lai.
• Mọi thứ đều là Tailwind, không cần quy trình build, thậm chí cả chủ đề
  • Cung cấp công cụ Themer tùy chỉnh
    • Có thể tạo file cấu hình Tailwind gần như ngay lập tức. Có thể thử nghiệm font, bảng màu và preset theo thời gian thực.
  • Áp dụng Tailwind tự động
    • Tailwind tự động hoạt động ở cả phía client lẫn server. Quy trình build phía server được ẩn đi nên không ảnh hưởng đến trải nghiệm người dùng.
  • Sự kết hợp giữa Tailwind và AI
    • Tính linh hoạt của Tailwind kết hợp với khả năng của AI mang lại trải nghiệm người dùng mạnh mẽ hơn.
• Các tính năng khác
  • Hoạt ảnh
  • Phóng to/thu nhỏ cây trang
  • Form cơ bản (hoạt động cả với website tĩnh)
  • Công cụ phân tích
  • Chuyển hướng, đặt mật khẩu cho website, v.v.
• Tech stack
  • Cloudflare Workers + Svelte + UnoCSS

[GN⁺]

Ý kiến Hacker News

• Rất ấn tượng khi đây là một dự án phụ

  • Với vai trò là trình dựng website, nó tương tự các trình dựng khác nhưng có lợi thế là rào cản tiếp cận thấp và tích hợp AI
  • Nếu làm nổi bật trang marketing, nó có thể được nhìn nhận như một công cụ thiết kế tốt hơn
  • Giao diện thiết kế phức tạp có thể gây áp lực, và cần có điểm khác biệt so với các công cụ khác

• Cũng có những nhà phát triển không thích Tailwind

  • Họ ghét cú pháp phức tạp của Tailwind và thích các dự án được duy trì bởi các nhóm nhỏ

• Có câu hỏi về độ tin cậy đối với khách hàng doanh nghiệp

  • Cần giải thích rõ về tính ổn định lâu dài của sản phẩm và quá trình chuyển đổi
  • Tính nhất quán và trách nhiệm vận hành là điều quan trọng đối với khách hàng doanh nghiệp

• Mức độ hoàn thiện của dự án cao

  • Sẽ tốt hơn nếu có phần giải thích về quá trình xây dựng dự án

• Có sự nhầm lẫn về tên gọi

  • Ý nghĩa của cái tên 'tips.io' không rõ ràng

• Các vấn đề trong quá trình bắt đầu sử dụng

  • Cần có thông báo lỗi khi chọn subdomain
  • Tính năng AI hiện vẫn chưa dùng được
  • Có giới hạn thời gian khi dùng theme cao cấp

• Giao diện thiếu tính trực quan

  • Khi tạo tài khoản thì mở tab mới
  • Yêu cầu email gây bối rối
  • Khó hiểu khi chọn tùy chọn Stripe
  • Giao diện phức tạp và không trực quan

• Các giới hạn của tài khoản miễn phí

  • Khi lưu trang thì xuất hiện thông báo thiếu dung lượng
  • Có thắc mắc liệu các 'slice' trong theme có được tính vào giới hạn số trang hay không

• Thắc mắc về việc thiếu hỗ trợ Firefox

• Điểm tốt là có thể dùng thử chỉ với một cú nhấp mà không cần email

  • Hiệu quả của tính năng AI chưa rõ ràng
  • Prompt cho các phần tử menu không cho ra kết quả như mong đợi