Automatically translated.View original post

Design.md and Skill.md different? - UXUI Design

🤔 Many people are starting to see the words Design.md and Skill.md more.

Especially working time with UX / UI side AI Tools.

.

But these two things are not the same.

.

✅ Design.md = Design Rule

It's a file used on Google Stitch.

.

Virtual rules in front of the eye and style of design work to help tell AI that

"What kind of Mood & Tone, Visual Direction and Design System should the design work look like?"

.

✅ Section Skill.md = Working Rules

It's a file used on Claude AI / Claude Skills.

.

Virtual AI working process rules to help tell AI that

"How should I think, analyze and follow this work?"

.

.

♥️ In conclusion, remember easily. ♥️

FYI: For UXUI content, version 50 is also available to teach both Design.md and Skill.md. 🤩

.

Google Stitch → Use Design.md

To determine what UI tasks should look like.

.

Claude AI → Use Skill.md

To determine how AI should do that job.

.

We're not going to use AI, just have it "build faster."

But it starts using AI to work more accurately, more systematically and better with UX / UI Workflow.

.

.

🚨 Unlock Skill UX / UI Model 50 [June Cycle]

AI for UXUI Process Update Complete Finish in One Place

.

🗓️ June 13, 14, 21 and 4, July 5, 69 (Saturday-Sunday) School hours 09.30 to 5.30 p.m.

.

👉 Read the contents and prices here. /

.

👉 Reserve your seat and ask for more information on the IB page.

.

# uxuistudio # uxdesign # uidesign # Graphicdesign # uxui# uxuiworkshop # uxworkshop # uiworkshop

# designsystem # designtokens # <--plhd--19/> entdesign # productdesign # figma # aiuxui

# vibedesign # vibecode # aitools # Because we understand what newbies want.

# uxuidesign # uxuidesigner # portfolio # aiforuxui # googlestitch # claudeai

5/26 Edited to

... Read moreจากประสบการณ์ตรงในการทำงาน UX/UI การใช้ไฟล์ Design.md และ Skill.md ร่วมกับ AI Tools นั้นมีประโยชน์มากกว่าการเร่งความเร็วการทำงาน เพราะช่วยสร้างมาตรฐานและระบบงานที่ชัดเจน Design.md ทำหน้าที่เหมือนกฎระเบียบของสไตล์ เช่น สี, ฟอนต์, ระยะห่าง, ระบบดีไซน์ที่ทำให้รูปลักษณ์ของงานน่าเชื่อถือและคงที่ ในขณะที่ Skill.md เน้นไปที่วิธีการทำงาน เช่น ขั้นตอนการคิดวิเคราะห์และปฏิบัติตามระบบงาน ทำให้ AI อย่าง Claude สามารถทำงานได้อย่างมีประสิทธิภาพไม่ใช่แค่สร้างผลงานเร็วขึ้น แต่ถูกต้องและครบตามกระบวนการมากขึ้น สิ่งที่สำคัญคือการใช้ไฟล์ทั้งสองนี้อย่างสมดุล ไม่ใช่แค่ให้ AI ทำงานอย่างโดดเดี่ยว แต่ควรแทรกเข้าไปใน Workflow ของทีม UX/UI เพื่อให้ได้ผลลัพธ์ที่แม่นยำและคุณภาพสูง เหมือนกับที่เรียนใน Unlock Skill UX/UI รุ่น 50 ซึ่งแนะนำเทคนิคและกระบวนการใช้ AI ให้เหมาะสมกับงานออกแบบจริง สำหรับมือใหม่ที่สนใจ แนะนำให้เริ่มจากการทำความเข้าใจพื้นฐานของทั้ง Design.md และ Skill.md ก่อน เพื่อที่จะกำหนด Mood & Tone ของงาน และวางแผนการทำงานร่วมกับ AI ได้อย่างเป็นระบบ อีกทั้งควรติดตามการอัปเดตเครื่องมือและเทคนิคใหม่ ๆ อยู่เสมอ เช่น การใช้งาน Google Stitch และ Claude AI ที่ได้รับความนิยมในวงการ UX/UI โดยเฉพาะผู้ที่ต้องการพัฒนาทักษะและเพิ่มประสิทธิภาพการทำงานด้วย AI อย่างมืออาชีพ การแบ่งแยกบทบาทของ Design.md กับ Skill.md จะช่วยให้เราเข้าใจว่า AI ไม่ใช่เครื่องมือเพื่อแค่เร่งงาน เหมือนกับการมีไกด์และคู่มือที่ชัดเจน จึงเป็นข้อได้เปรียบอย่างมากในโลก UX/UI ที่ต้องการคุณภาพและความสม่ำเสมอของงานทุกชิ้น