In the wave of digitalization, overseas products are facing localization problems, especially in overseas markets with huge language and cultural differences. The author of this article successfully created a prototype of the sea APP for the smart cat litter box by using the AI tool “Buckle Space”, overcoming the localization problem. The article will share experiences and insights from this process, explore how AI can help products go overseas, and how AI tools can be used to improve work efficiency and user experience.
As a blogger who has been focusing on AI Agents and AI workflows for a long time, Brother Biscuit has been exploring AI tools that can truly change the way we work.
Origin: An AI podcast
Because of my busy schedule, I used to listen to podcasts on my commute to get the latest AI gameplay. Initially, I used Google’s NotebookLM to convert some in-depth long articles into podcasts to listen to. Later, after the launch of Button Space (coze.cn), I tried its AI podcast function and really felt the “dimensionality reduction blow”:
Just a simple sentence to turn this article into a podcast and it will work
To put it bluntly, many overseas agents cannot access WeChat’s official account articles, and the ability of button space is online.
It will be generated in a short time:
You can also listen to the effect:
This content cannot be displayed outside of Feishu documentation for the time being
Unlike NotebookLM, which only serves personal study notes and generates Chinese podcasts with obvious “recitation accents”, Buckle Space shows a wider range of application scenarios and a stronger anthropomorphic effect.
It can easily convert articles, web links, and even Bilibili videos into two-person conversational podcasts, and the dialogue between the two anchors is smooth and natural, and there are even interruptions, pauses and real interactions, and it is almost inaudible that it is AI-generated. This kind of “podcast style” with fake and real listening completely beats other similar tools.
In addition, Buckle Space launched the PPT function last week, with multiple built-in PPT templates.
For example, I see that the “China Smartphone Industry PPT” template is quite suitable for industry analysis, so I clicked “Do the same model” and asked Button Space to do the AI Agent analysis report in 2025.
Different from the previous direct generation, here will supplement the specific requirements of PPT, such as choosing a style, number of pages, etc., and help me generate an outline first
Confirm that the outline is satisfied before starting to generate PPT. It really smells like an intern
The results that came out were still good.
Put a few pages of PPT for everyone to feel:
https://space.coze.cn/s/NIb5azt7h2w/
This experience made me realize that AI Agent’s capabilities go far beyond simple Q&A or content transformation.
So, I came up with an idea: no longer satisfied with the conventional writing of reports and PPTs, but wanted to play big – apply it to a real, complex and challenging business scenario: my partner is starting a business to make a hardware product – smart cat litter box,I want to start from 0 and use the buckle space to complete the analysis and prototype development of its APP products for the overseas US market.
If the effect is good, it may really be implemented in actual business scenarios and improve productivity.
1. Background: The challenge of smart cat litter boxes going overseas
As an entrepreneur in the field of smart home in China, my partner is particularly optimistic about the pet track. After hard work, his team has successfully developed a smart litter box that is very good at the hardware level. Its structural design, automatic cleaning mechanism and basic sensors are all market-leading. Going overseas in the mid-to-high-end market of the United States, we are confident that we will compete in hardware.
However, inSoftware development, especially software development for overseas markets, may be more difficult than hardware:
- Localization: As a purely Chinese team, there are natural gaps in our understanding of the U.S. market, including:Aesthetics and UI, the “authenticity” of language, and the difference in functional priorities all rely on insights into the habits of American consumers
- Difficult to define functions: After solving the general direction of localization, how fine should the specific functional granularity be? Should it simply start cleaning remotely, or should you add the cat’s weight monitoring, toilet frequency and duration statistics? (2) I have no experience as a product manager, and the decisions I make are likely to deviate from the real needs of users.
- Lack of development resources: In the early stages of the product, we did not have the budget to build a complete APP team with overseas market experts, product managers, UI/UX designers, and front-end development. I need a low-cost, efficient solution to complete the “cold start” of the app.
AI Agent is actually very suitable for playing the role of a team, and then I asked it to help me complete the whole process from market research, requirements analysis (PRD writing) to APP prototyping.
2. Practical combat: use the button space to create a sea APP
Making products cannot be “groundless”, here I found a peer hit on Meiya as the starting point of our mission.
Go to the Buckle Space https://space.coze.cn/ create a new task.
I am a heavy Feishu user, and almost all my creation and collaboration are done in Feishu.
This mission is no exception, I thinkSynchronize the conclusions generated by the button space directly into my Feishu space.
We can solve this need through the built-in MCP extension capability
As shown in the picture, click to expand
In the Add Extension, find the Feishu Cloud document and select Add
Just complete the account authorization as required.
At the same time, we also see that there are many other capabilities that can be called here, even if there are none, third-party external interfaces can be connected through MCP for AI calls through customized forms, so that the capability boundary of the buckle space is much larger.
Having said that, next, the old rules,To make a product, you must do market research first.
Step 1: AI market research and user pain point analysis
Here, I directly sent the link to the benchmarking explosive model on the Amazon website to the button
At the same time, I was worried about network problems and didn’t know if I could access it normally, so I also downloaded a PDF to give it to the button
Let it do an in-depth US market analysis report, and save the report to my Feishu space at the end (there is a feeling of asking the intern to hand the report to my office after finishing it)
Please analyze this PDF of the Amazon product page on “Litter-Robot 3 Connect” and combine all user reviews to generate an in-depth analysis report for the US market. The report should include:
1) The core function points that users appreciate the most;
2) The slots that users complain about the most;
3) Analyze and summarize the language style and “tone” in product descriptions and high praise reviews;
4) Summarize a portrait of the target user in the US market.
Specific product address: https://www.amazon.com/Litter-Robot-Connect-Whisker-Grey-Self-Cleaning/dp/B09315VP9K/ref=sr_1_2_sspa?crid=LSHMO5FABVDL&dib=eyJ2IjoiMSJ9.WdudprAr0mYh9AlT5Cu2wM5zEs4u9rox9VbYOcgP1aNyTCvfhfzFD02_0EWIAjaTOWU8VztNXlTq8RKPHX9_Tls7ZXrab-aT4eHCZjPiPgD-3bLkUfTZX3ky6PVpTCADG1qu5H03kUvBPkBzIG-lXbASawho8hPRSTlVcTrRjcwELUDJrKJHhMzUipQWZA_72svjVKdk8AudHDDaJJI3RWB06OWkdMTDl5aED-HsBIguHIeeDosPvdGxHDEBkByMp0K-YerbqdA1mnUx1GOFLt_HoYoQuerxmKa28DruTT0.9XCxAkZpod7QHo2-Vzte0LOIMjoWIv7SOt3eg6yyXl8&dib_tag=se&keywords=litter%2Brobot&qid=1749371600&sprefix=liter%2B%2Caps%2C1690&sr=8-2-spons&sp_csd=d2lkZ2V0TmFtZT1zcF9hdGY&th=1
Call the tool ‘Feishu Cloud Document’ to add the final user portrait analysis report to my Feishu space and give me a link to the Feishu document.
At this time, don’t rush to start immediately.
Buckle Space, for high-frequency common scenarios, has made some built-in Agent experts to help novice users complete complex tasks quickly and efficiently.
This expert can be found in the expert collaboration in the dialog box, and after clicking, the current expert agents will be listed
Here are user research experts who are suitable for our current scenario, so you might as well use it.
Ok, the following is the complete requirements, click to send, but don’t go yet
Buckle Space will first disassemble our needs and list the execution plan, as shown in the figure below:
Generally speaking, the work of the Agent will last at least 5 minutes, up to half an hour, so this time can switch to other pages to do other things, or even close the page is OK, all tasks are running in the background
But who am I, the boss will stay to oversee the work
I found an outrageous thing: I was originally worried about what problems it would have when it accessed the US version of Amazon, but it smoothly entered the target website for browsing, and at the same time, it was able to correctly identify the position of the comment area and click into more comment areas
The call here is a browser-use-like web automation capability.
OK, the analysis report is ready after the operation.
But we see,The agent does not give a report, but a multiple analysis report summarized by sorting, statistical and analysis results.
To be honest, the interns in our team may not be able to do such a standard…
The final report was also synchronized to my Feishu space:
https://ry6uq5vtyu.feishu.cn/docx/K5y3dXUAao1Ug2xJnXTcN18InVg
When I ran for the first time, there would be a version of MDX, with pictures and texts:
Frankly,The value of the output report is not how much text it generates, but how it extracts insights from a real Amazon product page that are critical to the “going overseas” business (that is, this demand).
Overall, the report is qualified, and the official marketing copy and users praise and commentThe language style is disassembled and contrasted
Another surprise is the logic of how it builds user personas. It is not simply listed, but passedSynthetic analysisThe conclusion is that from the large volume of the product, it is inferred that most of the users are independent houses or large apartments; From the APP remote control function, it is inferred that the user is an office worker who pays attention to efficiency. This kind of analytical ability to connect “product parameters” and “user lifestyle” is often something that many of us do not have, or it is difficult.
OK, we know a little about the needs and user pain points of the US market, and then we can start product development.
Step 2: AI-generated product requirements document (PRD)
Also, don’t rush to do APP development right away, but take care of a product requirements document and explain the requirements clearly to improve development efficiency.
The requirements document is based on the conclusions in the in-depth analysis report of the first step, referring to the prompt words:
Based on the above in-depth analysis report, write a product requirements document (PRD) for a smart litter box app called ‘Kitty+’. The app is mainly aimed at the US market. PRD should prioritize solving the core pain points of competing products and include the following modules: home status monitoring, remote control, multi-cat management, health data tracking, consumables balance reminder and intelligent notification system. It is designed according to the conclusions of the above in-depth analysis report.
Also save a copy to my flying book space.
Reference requirements and templates:
“`
# Product Requirements Document (PRD) and high-fidelity prototyping generator## Role Positioning
You are a full-stack product expert with both product thinking and design skills, and you are proficient in product requirements analysis:
– Able to deeply analyze business requirements, accurately define user pain points, and build clear product logic and functional architecture.
– You excel in translating abstract requirements into concrete, interactive, high-fidelity prototypes, emphasizing the precise alignment of design solutions with user pain points.## Core Objectives
Complete a well-structured and logical product requirements document (PRD) based on the product concept provided by the user
Ensure that the core pain points of the target user are effectively addressed, and a complete product story is told through persuasive documentation.
## Output: Product Requirements Document (PRD)
#### Documentation information
| Version | Time | Update person | Contents | Location |
|:—–|:—–|:——-|:—–|:—–|
| 1.0 | [Date] | [Name] | Create Documentation | – |#### Related Documentation
– [List relevant reference documents, design documents, or market research reports]#### 1. Demand background
##### 1. What problems do you solve?
[Describe in detail the core problems and pain points that this product/feature aims to solve]##### 2. How many users are covered?
[Describe target user groups and size, including user personas and potential markets]##### 3. Plans to go live?
[Describe the product/feature launch timeline and key milestones]##### 4. What else do you need to prepare?
[List the resources, dependencies, and preparations needed to implement the product/feature]##### 5. List of requirements
[List all requirements in table or list, including priority and status]#### 2. Overview of the scheme
##### 2.1 Core Business Processes
[Describe the core business process of the product/feature, using flowcharts or text descriptions]##### 2.2 Schematic diagram of core function flow
[Provide process diagrams and key node descriptions of core functions]#### 3. Detailed plan
[Customize the chapter structure of the following detailed schemes according to the product type and characteristics]
##### 3.1 [Core Function Module 1]
[Describe the design and implementation scheme of this functional module in detail]###### 3.1.1 [Sub-Function/Page/Interaction Point 1]
[Provide specific functional design and interaction details]###### 3.1.2 [Sub-Function/Page/Interaction Point 2]
[Provide specific functional design and interaction details]##### 3.2 [Core Function Module 2]
[Describe the design and implementation scheme of this functional module in detail]##### 3.3 [Core Function Module 3]
[Describe the design and implementation scheme of this functional module in detail]#### 4. Non-functional requirements
##### 4.1 Performance requirements
[Describe performance metrics and requirements]##### 4.2 Security requirements
[Describe security requirements and measures]##### 4.3 Compatibility requirements
[Describe compatibility requirements, such as device, browser, operating system, etc.]#### 5. Assessment and risk
##### 5.1 Evaluation indicators
[List product/feature success evaluation metrics]##### 5.2 Potential Risks
[Identifying potential risks and countering strategies]
“`
PRD obtained:
https://ry6uq5vtyu.feishu.cn/docx/B94rdGJ4jo0rQLxW6D0clKvZnBd
The generated PRD is still good, but the text is still relatively boring, so continue to convert the button space to html
(Feeling the boss’s relaxation, if you have an idea, let the intern do it, AI will not get tired at all)
Reference Words:
Please use all your expertise and creativity to create a one-page HTML web page according to the ‘Kitty+ Smart Cat Litter Box APP Product Requirements Documentation PRD.md’ and the following requirements. Directly output the full HTML without the need for a pre-opening and rear-end lead.
## Role Positioning
You are a full-stack product expert with both product thinking and design skills, as well as proficiency in product requirements analysis and HTML design:
– In terms of product requirements: You can deeply analyze business needs, accurately define user pain points, and build clear product logic and functional architecture.
– In terms of design: You are an empathetic and creative world-class app design guru who has been featured in the Apple Design Awards and App Store Picks of the Year.
– You excel in translating abstract requirements into concrete, interactive, high-fidelity prototypes, emphasizing the precise alignment of design solutions with user pain points.
– You have excellent visual storytelling skills, bringing design ideas and user flows to life in an engaging way.## Output Content
#### Design system construction and style definition
– Determine the design style and visual language that aligns with product positioning and target user emotional appeals
– Create consistent and expressive color systems, typography hierarchies, and component libraries
– Design natural and smooth interaction patterns and finishing touches that match the characteristics of the platform#### Pain point-driven prototyping and implementation
– Design a complete user flow and page navigation structure that is oriented towards addressing core pain points
– Create high-fidelity interface designs for all key pages, ensuring that every design decision is backed by clear user value
– Implement core interactive functions and page conversion effects, with special attention to interaction details that directly alleviate user pain points or bring pleasure
– Ensure design adaptability and experience consistency across devices## Technical Implementation Requirements
### HTML Interactive Prototype Output Format
Please provide a well-organized and smooth HTML file with the following:
1. **Immersive Interactive Prototype Display**
– Showcase all key interfaces in an orderly and story-like manner on a single HTML page
– Arrange prototypes in the order of the core user journey, guiding readers to understand the operation flow naturally
– Implement responsive, intuitive, clickable interactive elements and page navigation
– Showcase key micro-interactions, state changes, and transition animations appropriately to enhance the sense of immersion and surprise
– Consider including a brief lead note or callout explaining the purpose of a particular design element or interaction, especially how it addresses user pain points2. **Design concept elaboration**
– Product positioning, target user profile, and core pain point analysis
– Visual core user flowcharts and feature maps (implemented with Mermaid library + Fontawesome)
– Detailed Pain Point Solutions: Clearly identify the core pain points identified and detail which specific designs in the prototype address them
– Design Highlights and Innovations: Explain their value
– Reasons for choosing a design style and explaining the key elements of the design system### Technical Specifications
– **Foundational Framework**:
– Main: Tailwind CSS (https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/tailwindcss/2.2.19/tailwind.min.css)
– Alternate: Tailwind CSS (https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css)
– **Icon System**:
– Main: Font Awesome (https://lf6-cdn-tos.bytecdntp.com/cdn/expire-100-M/font-awesome/6.0.0/css/all.min.css)
– Alternate: Font Awesome (https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css)
– **User Journey/Flow Description**
– Mermaid: https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/mermaid/8.14.0/mermaid.min.js
– **Font System**:
– Chinese Font: Noto Sans SC/Noto Serif SC (https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap)
– Base fonts: ‘font-family: Tahoma,Arial,Roboto,’Droid Sans’, ‘Helvetica Neue’, ‘Droid Sans Fallback’, ‘Heiti SC’, ‘Hiragino Sans GB’, Simsun,sans-self; `## Design Requirements
1. **Visual Design**:
– Create a visual style that is not only aesthetically pleasing but also emotionally resonant
– Use colors, spacing, and components that are consistent, harmonious, and serve the message
– Ensure clear visual hierarchies, effectively guiding user attention flow2. **Interaction Design**:
– Design extremely intuitive, thought-free navigation and information architectures
– Provide timely, clear, and even enjoyable user feedback and status indications
– Simplify the operation process to minimize the cognitive burden and operating costs of users3. **Content Presentation**:
– Adopt clear, rhythmic typography
– Use data visualization appropriately and elegantly
– Ensure that the content is superior in readability and aesthetics on different devices4. **Innovation and Quality**:
– Incorporate clever and thoughtful innovations on the basis of following the norm to bring “aha” moments
– Pixel-level attention to detail and the pursuit of excellent workmanship
– Infuse products with unique brand personalities and genuine emotional connections
If the actual business is implemented, you still need to look at the AI-generated requirements document and see if there are any problems that need to be adjusted before taking the next step.
But here, I want to completely let the AI complete from 0 to 1, so I won’t change it.
The final result is a visually full HTML version of the PRD:
In my opinion, the quality of this PRD generated by the buckle space is in place.
At least inAt the product core level, it is in line with the market analysis report in the previous order。 The user portraits (such as young office workers who pay attention to efficiency) and pain points extracted in the report have been accurately responded to in this PRD. For example, the “remote control” and “scheduled cleaning” functions directly hit the “busy” pain points of office workers
PPT report in the middle
Yes, yes, in the real “landing” business scenario, it is not done to the end, we need to report the research results to the leaders or customers in a timely manner and reach a consensus before we can continue to the next step
So here, I asked Buckle Space to help me generate a PPT
I made ‘Litter – Robot 3 Connect US Market In-depth Analysis Report.md’ and ‘Kitty+ Smart Cat Litter Box APP Product Requirements Document.md’ in this task into PPT so that I could report to the leader.
Being able to give a PPT document directly has saved us a lot of work.
Take a few excerpts to see the effect:
Full PPT:
This content cannot be displayed outside of Feishu documentation for the time being
I have to say that the aesthetics and layout of this PPT are all online, the cover and pictures are well done, and the content also covers the documents we need to report.
OK, here we assume that we have clarified the requirements to the leader, and we can start looking forward to the next product prototype.
Step 3: AI One-Click Generate APP High-Fidelity Prototype (HTML)
Because in the PRD HTML given by the previous button space, the APP prototype has begun to appear, so I still hope that it can continue the same style and complete the generation of high-fidelity prototypes.
Reference Words:
Take it a step further and use all your expertise and creativity to create a one-page HTML web page based on the ‘Kitty+ Smart Cat Litter Box APP Product Requirements Document.md’ and the following requirements: Showcase a set of high-fidelity interactive prototypes with complete functionality and outstanding visuals.
Directly output the full HTML without the need for a pre-opening and rear-end lead.
Now that I need to output high-fidelity prototypes, please help me prototype all the interfaces and make sure they are ready for development by:
1. User experience analysis: First, analyze the main functions and user needs of the app to determine the core interaction logic.
2. Product interface planning: As a product manager, define key interfaces to ensure that the information architecture is reasonable.
3. High-fidelity UI design: As a UI designer, design interfaces that are close to real iOS/Android design specifications, using modern UI elements to give it a good visual experience.
4. HTML prototype implementation: Use HTML + Tailwind CSS (or Bootstrap) to generate all prototype interfaces, and use FontAwesome (or other open source UI components) to make the interface more beautiful and close to the real app design.
Split code files to keep the structure clear:
5. Each interface should be stored as an independent HTML file, such as home.html, profile.html, settings.html, etc.
– index.html As the main entry, instead of writing the HTML code of all interfaces directly, these HTML fragments are embedded in an iframe manner, and all pages are tiled directly in the index page instead of jumping links.
– Enhanced Realism:
– The interface size should be similar to the iPhone 15 Pro and rounded to make it more like a real phone interface.
– Use real UI images instead of placeholder images (available from Unsplash, Pexels, Apple’s official UI resources).
– Added a top status bar (simulating an iOS status bar) and included an app navigation bar (similar to the iOS bottom tab bar).
Generate the full HTML code as described above and ensure it is ready for actual development.This html page requires multiple pages of the app to be displayed at the same time, which means that there are multiple iPhone 15 Pro interfaces tiled in the page so that users can intuitively see all the product pages.
Still in the same task dialog box, Buckle Space quickly generated multiple HTML files based on the previous document, and we downloaded them one by one and opened the index.html
OK, the effect looks like this. Overall, it is relatively complete.
The following is the mobile app of the competing product found earlier, the local smart cat litter box explosive product in the United States
Compare the following, do you think the product prototype drawings made by Buckle Space based on user research and analysis are better looking and reasonable, or are the competitors doing better?
3. Summary: Newcomers to the workplace with strong strength but no project experience
This is my feeling about the buckle space and the current stage of AI Agent.
In this practice, it can accurately deconstruct real competitor pages, extract deep insights about user portraits and language styles, and transform them into a logical and interactive visual PRD
However, because it is a general agent positioning, although there are many built-in expert roles in the buckle space, it is indispensable to get professional feedback and integrate business experience prompts for vertical tasks.
In other words, the button space is oneNewcomers to the workplace with strong ability but no project experience, we need to be more patient to tune, and the effect will not disappoint you.
Many people may think that the “prompt words for integrating business experience” mentioned earlier are difficult to write, but in fact, there is a trick here, that is, to use the button space search and research ability to generate – use magic to defeat magic~
To be honest, this practiceThe clasp space completely exceeded my expectations:
The core is the stability of production results. You know, in actual business, what we want is not how cool the result is, but the stable output every time, that is, “certainty”, which may be the landing advantage of the button space.
We see that the AI Agent product represented by Button Space has been divided into the era of simple Q&A of the original Chat type, and has become an internship with perception, planning, and execution capabilities, which is not very powerful, but the future is promising.
This may be the real reshaping of productivity brought about by AI Agent.
