تدريب Shadowing: The Simplest UI/UX Workflow With AI - تعلم التحدث بالإنجليزية عبر الفيديو

اختر وضع التدريب

كل وضع يفتح غرفة تدريب بملء الشاشة.

130 جمل

إذا كانت الجمل قصيرة أو طويلة جدًا، انقر على Edit لتعديلها.

Today we're going to build a complete mobile app from scratch using AI.

I'm going to show you the simplest UI UX workflow with prompts that you can copy.

The result will be a high quality and user -friendly app.

This workflow is based on my years of UI UX experience.

It breaks the process into five simple steps, starting with requirements, UI direction, then UX planning, and then we get into the build,

and finally testing on a mobile phone.

I'm just going to start with a very simple idea of an app called SideQuest for personal goals.

I'll start a new

Cloud project in Cloud Code in the desktop app.

I'll give it a folder to work in.

And now I'm going to start with the requirements.

I'm going to go to the first section here, and I'll copy this prompt.

I'll give it to Cloud, and I will replace this text with my app idea.

Here we go i set a mobile app

that helps people make progress on hobbies and personal goals through small weekly challenges

and then leave everything else as it is

this will get clout to ask me a few questions

and once i answer everything it will create a product brief document all right i answered all the questions here

it gave me a few rounds of questions and finally it created the product brief

And now I can find this product brief inside my folder here.

And now that

Cloud knows what we're trying to achieve, we're going to go and copy the second prompt.

This prompt will ask AI to create three different ideas for the UI.

That way I can switch between them and I can visually decide on which direction I want to go with.

And this will only be for the homepage.

I'm going to copy the prompt.

I'll paste it here.

here.

Let's see what we got.

Alright, here we go.

It gave me three different directions.

And it laid out everything for me here on the canvas.

I'm going to open up this preview mockup.

And here it is interactive.

It shows me each design on the right side.

And it explains what each design does on the left side.

There's also different states here.

So the first one here is kind of a paper style and sketching and highlighting.

It's really cool.

The second one is more gamified with a trail the more you complete the steps.

You can switch between the habits here.

And then the third one is more simple with cards that you can switch between.

I really like these.

Now here it's suggesting that I go with A or C because B is harder to implement.

So I don't care.

I'm just going to pick B because I want this app to be a little bit visual and gamified.

And I like this little trail here.

And if you don't like any of these options, you can always ask it to come up with more variations

and options until you find what you like

or you can even ask for a specific style that you like

and now when i say i want option b it's gonna automatically create the design direction document

and there we go it created the document i can find it here

and this document includes all of the details of the app all of the visual details

and the styling

but now we only have the home page we need to figure out the rest of the pages

and the user journey let's plan the user experience with this third prompt I'm gonna copy this

and this will tell the AI to figure out the user journey

and the user experience and they will create a UX plan document I'll paste this prompt here

and let's see what we got

and there we go it created a UX plan document it includes the flow

and the user journey here it also includes all the screens

that we need for this app and some more details

and now i can find the ux plan here in my folder it includes everything

that it needs to build this app now we still haven't built the app yet

so feel free to make any changes to the ui before you start the build

that way you have more freedom like for example right now I like the direction

but I want it to be more visual

so I'm gonna tweak the UI direction a little bit before we move into prompt number four to build that.

Now all the documents are ready but I want to make some changes.

I gave it a new prompt here just to modify the styling and the direction of the UI.

Now we have two new screens here on the canvas and it updated all the documents accordingly.

We can check out this new design here and now it looks much better.

more mobile -friendly, more interactive.

And here it changes based on the habit that we're trying to track.

Since the app is called SideQuest, this falls in line with the design direction that I had in mind.

It's like tracking your habits with an adventure -style UI.

Okay, this is great.

I'm going to say looks good.

All right, now everything is ready for us to start building the app.

Let's jump into the fourth prompt here.

I'll copy this.

This prompt will tell the AI to create all the screens

and create an MVP that is fully functional based on everything that we decided on so far.

I'll paste it here.

All right, here we go.

We have an actual working app right now, and this is the welcome screen.

It's asking me to add one of the habits or quests so we can pick here.

And each one will have the details about the quest.

And then you can add your own, which is really cool.

All right, so let's say I want to add sketching.

Okay, now I have it here.

And this becomes my home screen.

And then I can go to the map and see the next steps here.

When I complete one, it will ask me to add a photo.

Okay, I can test it here in Claude.

But since this is a mobile app, it would be very important to test it on an actual mobile.

And that's where the fifth prompt comes in.

I'm going to go back to my prompts here.

And the fifth prompt is for testing on a mobile phone.

100

This will ask the AI to host it on my local network.

101

And it will give me a QR code to scan on my phone.

102

And then I will be able to test it on my phone.

103

I'll just paste this here.

104

And let's see what we get.

105

All right, here we go.

106

We have our QR code.

107

And by the way, this prompt also tells it to give me a UX checklist.

108

That way I make sure that I'm testing everything on the mobile phone.

109

Here's my checklist, things that I need to test on my phone.

110

And let's scan the QR code.

111

There we go.

112

Now I have it on my phone.

113

It works exactly like a mobile app.

114

And now I can test the whole thing.

115

I'll go through it following the steps and following the testing plan.

116

And to make it seem like a full mobile app experience, I can click on share.

117

And here I can say add to home screen.

118

And I will add this app to my home screen.

119

There we go.

120

Now I have it as an app on my home screen.

121

I can just open it and I'll see that I have a full screen experience here.

122

I'll go through the testing.

123

And it feels like a mobile app.

124

And that's it.

125

I just went from a simple idea to a fully functional mobile app in just five prompts

126

while making sure the usability and the user journey are taken into consideration.

127

This workflow will get you to follow the correct process without having to understand the technical details of UX, UI, and coding.

128

The link to these prompts is down in the description.

129

Let me know if you try it out, and if you have any observations or comments, I answer everything down in the comments.

130

See you next time.

تنزيل التطبيق

كل ما تحتاجه للتحدث بطلاقة

تقييم النطق بالذكاء الاصطناعيتقييم كل جملة

تدريب IPAأتقن كل صوت

المفرداتابنِ رصيدك من الكلمات

لعبة المفرداتتعلّم أثناء اللعب

امسح رمز QR

Download on theApp Store Get it onGoogle Play

نفس القناة

10 Years Of UX/UI Experience In One Claude Skill

Daily ConversationUniversity StudentsWorking Adults

Can AI Replace UX Designers? Claude Ultracode Wins!

Daily ConversationUniversity StudentsWorking Adults

FOR YOU

فيديو موصى به

67 جمل

المفردات وملاحظات التحدث لهذا الدرس

هذا الدرس في المحادثة مبني على الفيديو “The Simplest UI/UX Workflow With AI”. أكثر الكلمات تكرارًا في الفيديو: app, prompt, mobile, screen, document. يحتوي هذا الفيديو على 130 جملة و1411 كلمة للتدرب على الترديد. مدة الكلام 8:10. يتكلم المتحدث بسرعة طبيعية، نحو 173 كلمة في الدقيقة، قريبة من المحادثة اليومية. 85% من الكلمات ضمن أكثر 3,000 كلمة شيوعًا في الإنجليزية، ويُستحسن مراجعة الباقي قبل البدء.

أهم المفردات في هذا الفيديو

15 كلمة من الفيديو تستحق التعلّم، مع النطق والمعنى:

الكلمة	النطق	المعنى
habit اسم	/ˈhæb.ɪt/	عَادَة
pasta اسم	/ˈpɑ.stə/	مَكَرُونَة, مَعْكَرُونَة
folder اسم	/ˈfoʊldɚ/	مِلَفّ, مُجَلَّد
trail اسم	/tɹeɪl/	أَثَر
quest اسم	/kwɛst/	طَلَب, بَحْث
requirement اسم	/ɹɪˈkwaɪɹmənt/	مَطْلَب, طَلَب
scan فعل	/skæn/	مَحَّصَ, تَمَعَّنَ
sketch اسم	/ˈskɛt͡ʃ/	رَسْم تَقْرِيبِيّ, رَسِيمَة
adventure اسم	/ədˈvɛn.t͡ʃə/	مُخَاطَرَة, مُغَامَرَة
implement فعل	/ˈɪmpləmənt/	نَفَّذَ, نَجَزَ
scratch فعل	/skɹæt͡ʃ/	خَرْبَشَ
observation اسم	/ˌɑbzɚˈveɪʃn̩/	رَصْد, مُشَاهَدَة
variation اسم	/ˌvɛəɹiˈeɪʃn̩/	تَرَاوُح, اِخْتِلَاف
hobby اسم	/ˈhɑ.bi/	هِوَايَة, هَوَس
checklist اسم	/ˈt͡ʃɛklɪst/	قائمة التحقق

الأفعال المركبة التي ستسمعها

الكلمة	المعنى
come up with فعل	جَاءَ بِـ, أَتَى بِـ

جمل تستحق التكرار

جمل قصيرة وكاملة من الفيديو يمكنك استخدامها في الحديث اليومي:

I'll give it a folder to work in.
I'm going to copy the prompt.
Let's see what we got.
I'm going to open up this preview mockup.
I'm going to say looks good.

نطق يحتاج إلى انتباه

يستخدم المتحدث 34 من الصيغ المختصرة، مثل I'll, I'm, we're. انطقها بصيغتها القصيرة كما تسمعها.

أصوات “sh” و“zh”: consideration /kənˌsɪd.əˈɹeɪ.ʃən/, observation /ˌɑbzɚˈveɪʃn̩/, variation /ˌvɛəɹiˈeɪʃn̩/
الكلمات الطويلة — انتبه لموضع النبر: interactive /ˌɪn.tɚˈæk.tɪv/, consideration /kənˌsɪd.əˈɹeɪ.ʃən/, accordingly /əˈkɔɹ.dɪŋ.li/, visually /ˈvɪzju.əli/, usability /ˌjuːzəˈbɪlɪti/

أصوات يجدها متحدثو العربية صعبة:

/p/ — ليس /b/: انطقه مع نفخة هواء: prompt /pɹɑmpt/, pasta /ˈpɑ.stə/, implement /ˈɪmpləmənt/, preview /ˈpɹiːvjuː/, desktop /ˈdɛsktɒp/
/v/ — ليس /f/: مع اهتزاز الأوتار الصوتية: interactive /ˌɪn.tɚˈæk.tɪv/, canvas /ˈkæn.vəs/, adventure /ədˈvɛn.t͡ʃə/, observation /ˌɑbzɚˈveɪʃn̩/, variation /ˌvɛəɹiˈeɪʃn̩/
تتابع الصوامت — لا تضف حركة بينها: prompt /pɹɑmpt/, trail /tɹeɪl/, quest /kwɛst/, requirement /ɹɪˈkwaɪɹmənt/, functional /ˈfʌŋkt͡ʃənəl/

كيف تتدرب بهذا الفيديو

استمع إلى الفيديو كاملًا مرة واحدة دون أن تتكلم، ودوّن الكلمات التي لا تعرفها.
ابدأ بسرعة 0.75×، وردّد جملة جملة، ثم عُد إلى السرعة العادية عندما يصبح الأمر سهلًا.
سجّل صوتك وقارنه بالأصل، مع الانتباه إلى كلمات مثل habit, pasta, folder.

ما هي تقنية التظليل الصوتي؟

التظليل الصوتي (Shadowing) تقنية تعلم لغة مدعومة علمياً، طُورت أصلاً لتدريب المترجمين الفوريين المحترفين. الطريقة بسيطة لكنها قوية: تستمع لصوت إنجليزي أصلي وتكرره فوراً بصوت عالٍ — كظل يتبع المتحدث بتأخير 1-2 ثانية. تُظهر الأبحاث تحسناً كبيراً في دقة النطق والتنغيم والإيقاع وربط الأصوات والاستماع والطلاقة.

تقنية الشادوينغ: اقرأ الدليل الكامل خطوة بخطوة →

تدريب Shadowing: The Simplest UI/UX Workflow With AI - تعلم التحدث بالإنجليزية عبر الفيديو

اختر وضع التدريب

تنزيل التطبيق

10 Years Of UX/UI Experience In One Claude Skill

Can AI Replace UX Designers? Claude Ultracode Wins!

I Simplified My Phone (So It Doesn't Ruin My Life)

Learn UX Storyboarding in 5 Minutes: w/ Steps and Examples | UXtweak

How to Build AI ChatBot with Custom Knowledge Base in 10 mins

AI Animation Pipeline: How I Make Cartoons 100% With AI

Best NextJS Folder Structures | Beginner - Intermediate - Advanced

Wonderful website design

startup diaries ep. 9 - taking on quizlet and duolingo

Apple Freeform - Apple’s Most Underrated App!?

Run AI Models (LLMs) from USB Drive | No Filter, Fully Offline💀

AI Made the Most Passive Side Hustle Even Easier

My 4.9-Star iOS App Is Actually a Website: Here’s How I Built It