Tái sử dụng các phần tử trong flow

Hầu hết các paywall trong một ứng dụng đều có những phần giống nhau: phần chọn gói, dòng thời gian dùng thử, khối so sánh. Việc xây dựng lại từng phần đó bằng tay trong mỗi flow rất chậm, và các bản sao dần khác nhau. Skill flow-generator có thể lưu bất kỳ phần nào của một flow vào file và thêm vào flow khác — trong cùng một ứng dụng hoặc ứng dụng khác — tự động xử lý màu sắc, font chữ, icon và các liên kết sản phẩm mà phần đó phụ thuộc vào.

File được lưu là JSON thuần túy. Có thể đặt nó bên cạnh code ứng dụng, commit lên git, hoặc chia sẻ với đồng đội.

Dùng để làm gì

• Thư viện component mà cả team thực sự dùng chung. Cấu hình phần chọn gói một lần. Mỗi flow mới sẽ bắt đầu với thứ thực tế thay vì bản phỏng đoán.
• Sửa một lần, cập nhật khắp nơi. Chỉnh lại timeline dùng thử trong một flow, lưu lại, rồi áp dụng vào các flow còn lại.
• Chuyển một block đã hiệu quả sang app mới. Một block có tỷ lệ chuyển đổi tốt ở app này là điểm khởi đầu hợp lý cho app tiếp theo. Skill sẽ tự liên kết lại các sản phẩm của nó với catalog của app đích.
• Giữ design system nhất quán. Chỉ cần lưu màu sắc và kiểu chữ — không cần lưu element nào cả — rồi áp dụng cho flow khác.

Cách sử dụng

Chỉ cần yêu cầu bằng ngôn ngữ thông thường. Skill sẽ tự xử lý phần còn lại.

Lưu một phần của flow

Save the plan selection from my Premium paywall so I can reuse it.

Tính năng này ghi một file và in ra đường dẫn đầy đủ của file đó, để bạn luôn biết file nào cần commit hoặc gửi đi. Nó cũng tóm tắt nội dung bên trong — bao nhiêu phần tử, cùng với bao nhiêu màu sắc, kiểu chữ, nhóm và sản phẩm đi kèm.

Nó chỉ hỏi một câu: bạn sẽ tái sử dụng phần này trong cùng một app hay ở bất kỳ đâu. File luôn hoàn chỉnh dù bạn trả lời thế nào, nên chọn sai cũng không ảnh hưởng gì.

Bạn có thể lưu một phần tử cùng toàn bộ nội dung bên trong nó, một màn hình hoàn chỉnh, một component có thể tái sử dụng, hoặc chỉ riêng một theme.

Thêm vào flow khác

Add the two-plan selection to my onboarding paywall, above the CTA.

Trước khi viết bất cứ điều gì, skill sẽ hiển thị cho bạn một kế hoạch: chính xác vị trí block sẽ được đặt, những gì nó thêm vào, màu sắc và kiểu chữ nào được lấy từ đích thay vì từ chính nó, cũng như các ID nào cần đổi tên để tránh xung đột. Skill cũng in ra nội dung đang được import, để bạn có thể phát hiện những đoạn text thuộc về flow cũ.

Anything it can’t resolve by itself — a product missing from this app’s catalog, a variable with no source here — is listed separately, as something for you to finish rather than something it guessed at.

Read the plan, then say go. The skill writes the draft and renders the screen so you can see the result.

Ví dụ

Mỗi hàng dưới đây là một element đã lưu được thêm vào ba flow khác nhau. Không cần rebuild gì cả — cùng một file tạo ra cả ba, và skill tự điều chỉnh cho phù hợp với từng đích đến.

Lựa chọn hai gói, trong một ứng dụng đầu tư, một ứng dụng học ngôn ngữ, và một ứng dụng âm nhạc. Các card giữ nguyên cấu trúc và áp dụng màu nhấn của từng ứng dụng.

Dòng thời gian dùng thử. Cấu trúc được dùng chung; nội dung vẫn riêng cho từng sản phẩm, vì ba bước đánh số chẳng có ý nghĩa gì nếu mô tả sai ứng dụng.

So sánh dùng thử. Thành phần này không có sản phẩm hay biến số nào, nên có thể dùng chung giữa các ứng dụng mà không cần thay đổi.

Cách hoạt động

Một phần tử đã lưu hiếm khi tồn tại độc lập. Nó trỏ đến các màu sắc, kiểu chữ, phông chữ, biểu tượng, sản phẩm và biến số nằm ở nơi khác trong flow. Tính năng này phân loại chúng thành hai loại.

Những thứ nó có thể mang theo. Màu sắc, kiểu chữ, phông chữ và biểu tượng được đưa vào trong file, cùng với định nghĩa của chúng. Tại đích đến:

Áp dụng thường là điều bạn muốn: một card được chuyển vào ứng dụng khác sẽ trông như thuộc về ứng dụng đó. Cả hai giá trị đều xuất hiện trong plan, vì vậy bạn có thể ghi đè lựa chọn này.

Những gì nó không thể mang theo. Một ID sản phẩm, nguồn của một biến, đích đến của hành động Navigate to screen — những thứ này trỏ đến nội dung cụ thể của một flow hoặc một ứng dụng. Kỹ năng sẽ rebind chúng ở những chỗ có thể, và liệt kê những gì không thể xử lý dưới mục NEEDS YOU thay vì tự đoán mò.

Trước khi bản nháp được lưu, kỹ năng sẽ kiểm tra lại toàn bộ flow: mọi tham chiếu đều phải được giải quyết, mọi ngôn ngữ đều phải được điền đầy đủ, không có ID nào bị trùng, và kết quả vẫn phải vượt qua bước kiểm tra xuất bản. Bất kỳ vấn đề nào còn sót lại đều được công khai, không bao giờ được âm thầm sửa.

Những điều cần kiểm tra

• Nội dung phải đúng với sản phẩm. Một block trông ổn trên flow ban đầu có thể sai trên flow mà nó được chuyển sang. Bản kế hoạch hiển thị nội dung text đang được import dưới dòng WILL SAY, giúp bạn phát hiện vấn đề trước khi thực hiện thay đổi.
• Giá là biến số, không phải văn bản cố định. Nếu đích đến không có sản phẩm mà giá đó tham chiếu đến, giá sẽ hiển thị trống. Bản kế hoạch sẽ thông báo điều này.
• Kích thước có thể phụ thuộc vào ngữ cảnh. Một element được sizing để lấp đầy container cũ có thể bị kéo giãn trong container mới. Bản xem trước được render chính là thứ giúp phát hiện điều này.

Giới hạn

• Sản phẩm không tự chuyển giữa các ứng dụng. Skill sẽ khớp ID sản phẩm trên cửa hàng để liên kết lại, và nếu sản phẩm không tồn tại trong ứng dụng đích, nó sẽ xóa liên kết và yêu cầu bạn gắn sản phẩm mới.
• Video và font chữ tùy chỉnh phải xử lý thủ công. Không thể tải lên hai loại này từ terminal.
• Bản xem trước chỉ hiển thị một màn hình, ở một trạng thái. Thay đổi ngôn ngữ hay trạng thái đã chọn sẽ không hiện lên trong đó — hãy đọc plan để biết thêm chi tiết.