7 ไฝไธไธ Agent๏ผ1 ไธชๅ่ฐไธญๅฟ๏ผๆ ้ๅฏ่ฝ
ๆบ่ฝๅๅข้ๅไฝๅฑ็คบๅนณๅฐ
ๅ่ฝ็นๆง โข ๅฟซ้ๅผๅง โข Agent ่ง่ฒ โข ๆถๆ
- ้กน็ฎ็ฎไป
- ๅ่ฝ็นๆง
- ๆๆฏๆ
- ๅฟซ้ๅผๅง
- Agent ่ง่ฒ
- ๆถๆ
- ้กน็ฎ็ปๆ
- ่ดก็ฎๆๅ
- ่ฎธๅฏ่ฏ
ClawTeam ๆฏไธไธชๅฑ็คบๆบ่ฝๅๅข้ๅไฝ็ๅนณๅฐ๏ผ้่ฟ 7 ไธชไธไธๅ Agent ่ง่ฒๆผ็คบ็ฐไปฃๅข้็ๅไฝๆจกๅผใๆฏไธช Agent ้ฝๆ็ฌ็น็่่ดฃๅ่ฝๅ๏ผ้่ฟๅ่ฐไธญๅฟ่ฟ่กๆบ่ฝไปปๅก็ผๆๅ่ฐๅบฆใ
- ๐ค ไธไธๅๅๅทฅ - ๆฏไธช Agent ไธๆณจไบ่ชๅทฑๆ ้ฟ็้ขๅ
- ๐ ๆบ่ฝๅไฝ - ่ชๅจๅไปปๅกๅ้ ๅๆต็จ็ผๆ
- ๐ ่ดจ้ไฟ่ฏ - ็ซฏๅฐ็ซฏ็่ดจ้้ช่ฏไฝ็ณป
- ๐ ๅฎๅ จ้็ฆป - ไผไธ็บงๅฎๅ จๆถๆ่ฎพ่ฎก
- ๅจๆ Hero Section - ๅธๅผ็ผ็็ๅจ็ปๆๆ
- Agent Cards ๆปๅจๅฑ็คบ - ๆต็ ็ๅก็ๆปๅจไฝ้ช
- Enterprise Features ๆฟๅ - ๅฑ็คบไผไธ็บง็นๆง
- ๅๅบๅผ่ฎพ่ฎก - ๅฎ็พ้้ ๅ็ง่ฎพๅค
- 7 ไธชไธไธ่ง่ฒ - ๆถต็ๅผๅใๆๆกฃใ่ฐ็ ็ญๅไธชๆน้ข
- ๆบ่ฝไปปๅกๅ้ - ๆ นๆฎไปปๅก็ฑปๅ่ชๅจๅน้ Agent
- ๅนถ่กๆง่ก่ฝๅ - ๅค Agent ๅนถ่กๅค็ๆๅๆ็
- ๅฎๆถ็ถๆๆดๆฐ - ๅฏ่งๅๅฑ็คบ Agent ๅทฅไฝ็ถๆ
- ๅฎๆถๆฐๆฎๅฑ็คบ - ๅจๆๆดๆฐ็ป่ฎกๆฐๆฎ
- ไบคไบๅผๅพ่กจ - ๆฏๆ็นๅปๅๆฌๅไบคไบ
- ๆง่ฝ็ๆง - ๅฎๆถ็ๆง Agent ๅทฅไฝ็ถๆ
- ไปฃ็ ๅฎกๆฅ - Verifier Agent ่ฟ่กไปฃ็ ๅฎกๆฅ
- ๆต่ฏ่ฆ็ - ๅฎๆด็่ชๅจๅๆต่ฏไฝ็ณป
- ๆง่ฝไผๅ - ๆ็ปญๆง่ฝ็ๆงๅไผๅ
- ๅฎๅ จๆฃๆฅ - ่ชๅจๅฎๅ จๆผๆดๆซๆ
- HTML5 - ่ฏญไนๅๆ ็ญพ
- CSS3 - ็ฐไปฃ CSS ็นๆง๏ผGridใFlexboxใๅจ็ป๏ผ
- JavaScript ES6+ - ็ฐไปฃๅ JavaScript
- ๅๅบๅผ่ฎพ่ฎก - ็งปๅจไผๅ ่ฎพ่ฎก็ๅฟต
- ๆจกๅๅ่ฎพ่ฎก - ็ปไปถ็ฌ็ซใไฝ่ฆๅ
- ไบไปถ้ฉฑๅจ - ๅผๆญฅๆถๆฏไผ ้
- ็ถๆ็ฎก็ - ้ไธญๅผ็ถๆ็ฎก็
- ๆง่ฝไผๅ - ๆๅ ่ฝฝใ่ๆๆปๅจ
- Git - ็ๆฌๆงๅถ
- OpenSpec - ่ง่ๅๅผๅๆต็จ
- ่ชๅจๅ้จ็ฝฒ - CI/CD ๆต็จ
- ็ฐไปฃๆต่งๅจ๏ผChromeใFirefoxใSafariใEdge๏ผ
- ๆฌๅฐ Web ๆๅกๅจ๏ผๅฏ้๏ผ็จไบๅผๅ๏ผ
# ๅ
้ไปๅบ
git clone https://github.com/your-org/clawteam-showcase.git
# ่ฟๅ
ฅ้กน็ฎ็ฎๅฝ
cd clawteam-showcase
# ๆนๅผ 1: ็ดๆฅๆๅผ
open index.html
# ๆนๅผ 2: ไฝฟ็จๆฌๅฐๆๅกๅจ๏ผๆจ่๏ผ
# Python 3
python -m http.server 8000
# Node.js (้่ฆๅฎ่ฃ
http-server)
npx http-server -p 8000
# ่ฎฟ้ฎ http://localhost:8000clawteam-showcase/
โโโ index.html # ไธป้กต้ข
โโโ styles.css # ๆ ทๅผๆไปถ
โโโ script.js # ไธป่ๆฌ
โโโ agent-cards.js # Agent ๅก็็ปไปถ
โโโ agent-cards-styles.css
โโโ openspec/ # OpenSpec ่ง่ๆไปถ
โโโ README.md # ๆฌๆๆกฃ
ClawTeam ็ฑ 7 ไธชไธไธ Agent ็ปๆ๏ผๆฏไธช้ฝๆ็ฌ็น็่่ดฃๅ่ฝๅ๏ผ
| Agent | ่ง่ฒ | ๆ ธๅฟ่ฝๅ | ๆๆฏๆ |
|---|---|---|---|
| Kev | ๐ฏ ๅ่ฐๅฎ | ็ญ็ฅ่งๅใ่ตๆบ่ฐๅบฆใๅข้ๅ่ฐ | ้กน็ฎ็ฎก็ใๆฒ้ๅ่ฐ |
| Rex | ๐ป ๅ จๆ ๅทฅ็จๅธ | ไปฃ็ ๅผๅใ็ณป็ปๆถๆใๆง่ฝไผๅ | JavaScriptใPythonใๆถๆ่ฎพ่ฎก |
| Doc | ๐ ๆๆกฃไธๅฎถ | ็ฅ่ฏ็ฎก็ใๆๆกฃ็ๆใๅ ๅฎน็ป็ป | Markdownใๆๆฏๅไฝ |
| Scout | ๐ ไฟกๆฏ้้ๅฎ | ไฟกๆฏๆฃ็ดขใๆฐๆฎ้้ใๅธๅบ่ฐ็ | ๆฐๆฎๅๆใไฟกๆฏๅค็ |
| Morgan | ๐ข ๅๅธไธๅ | ๅ ๅฎนๅๅธใๅชไฝ่ฟ่ฅใ็คพๅบ็ฎก็ | ๅ ๅฎน็ฎก็ใ็คพไบคๅชไฝ |
| Sage | ๐ก ๆ็ฅ้กพ้ฎ | ๆ็ฅ่งๅใๅณ็ญๆฏๆใ้ฃ้ฉๅๆ | ไธๅกๅๆใๆ็ฅๆ็ปด |
| Verifier | โ ่ดจ้้ช่ฏ | ไปฃ็ ๅฎกๆฅใ่ดจ้ไฟ่ฏใๆต่ฏ้ช่ฏ | ๆต่ฏๆกๆถใไปฃ็ ๅฎกๆฅ |
็จๆท่ฏทๆฑ
โ
Kev (ๅ่ฐๅฎ) - ไปปๅกๅๆ & ๅ้
โ
โโ Rex (ๅผๅ) - ๅ่ฝๅฎ็ฐ
โโ Doc (ๆๆกฃ) - ๆๆกฃ็ผๅ
โโ Scout (่ฐ็ ) - ไฟกๆฏๆถ้
โโ Sage (้กพ้ฎ) - ๆนๆก่ฏๅฎก
โ
Verifier (้ช่ฏ) - ่ดจ้ๆฃๆฅ
โ
Morgan (ๅๅธ) - ็ปๆๅๅธ
โ
ๅฎๆไบคไป
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
โ ็จๆท็้ขๅฑ (UI Layer) โ
โ โโโโโโโโโโโโ โโโโโโโโโโโโ โโโโโโโโโโโโ โ
โ โ HERO โ โ AGENT โ โ FEATURES โ โ
โ โ SECTION โ โ CARDS โ โ SECTION โ โ
โ โโโโโโโโโโโโ โโโโโโโโโโโโ โโโโโโโโโโโโ โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
โ ไธๅก้ป่พๅฑ (Business Layer) โ
โ โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ โ
โ โ Agent ๅ่ฐไธญๅฟ (Kev) โ โ
โ โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ โ
โ โ โ โ โ
โ โโโโโโโโโโโโ โโโโโโโโโโโโ โโโโโโโโโโโโ โ
โ โ Rex โ โ Doc โ โ Scout โ โ
โ โโโโโโโโโโโโ โโโโโโโโโโโโ โโโโโโโโโโโโ โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
โ ๆฐๆฎๅฑ (Data Layer) โ
โ โโโโโโโโโโโโ โโโโโโโโโโโโ โโโโโโโโโโโโ โ
โ โ ้
็ฝฎๆฐๆฎ โ โ ็ถๆ็ฎก็ โ โ ๆฅๅฟ่ฎฐๅฝ โ โ
โ โโโโโโโโโโโโ โโโโโโโโโโโโ โโโโโโโโโโโโ โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
- ๆจกๅๅ่ฎพ่ฎก - ็ปไปถ็ฌ็ซใไฝ่ฆๅ
- ไบไปถ้ฉฑๅจ - ๅผๆญฅๆถๆฏไผ ้
- ็ถๆ็ฎก็ - ้ไธญๅผ็ถๆ็ฎก็
- ๆง่ฝไผๅ - ๆๅ ่ฝฝใ่ๆๆปๅจ
/root/projects/showcase-redesign/
โโโ index.html # ไธป้กต้ข
โโโ styles.css # ไธปๆ ทๅผๆไปถ
โโโ script.js # ไธป่ๆฌๆไปถ
โโโ agent-cards-section.html # Agent ๅก็ HTML
โโโ agent-cards-styles.css # Agent ๅก็ๆ ทๅผ
โโโ agent-cards.js # Agent ๅก็่ๆฌ
โโโ performance-patch.css # ๆง่ฝไผๅ่กฅไธ
โโโ openspec/ # OpenSpec ่ง่
โ โโโ config.yaml
โ โโโ schemas/
โ โโโ changes/
โ โโโ feature-showcase-redesign-20260322/
โ โโโ proposal.md
โ โโโ design.md
โ โโโ specs.md
โ โโโ tasks.md
โโโ PROJECT-COMPLETE.md # ้กน็ฎๅฎๆๆฅๅ
โโโ TASK-SUMMARY.md # ไปปๅกๆป็ป
โโโ SECURITY-IMPROVEMENTS.md # ๅฎๅ
จๆน่ฟ
โโโ OPTIMIZATION.md # ไผๅ่ฎฐๅฝ
โโโ README.md # ๆฌๆๆกฃ
- ๅจๆ่ๆฏๅจ็ป
- ๆ ้ขๆธๅๆๆ
- ๅๅบๅผๅธๅฑ
- ๆจชๅๆปๅจๅฑ็คบ
- ๆฌๅไบคไบๆๆ
- ๅๅบๅผ้้
- ็นๆงๅพๆ ๅฑ็คบ
- ๅจ็ป่ฟๆธกๆๆ
- ็งปๅจ็ซฏไผๅ
- โ ๆต่งๅจๅ ผๅฎนๆงๆต่ฏ
- โ ๅๅบๅผ่ฎพ่ฎกๆต่ฏ
- โ ๆง่ฝๆต่ฏ
- โ ๅฏ่ฎฟ้ฎๆงๆต่ฏ
# ๆๅผๆต่งๅจๅผๅ่
ๅทฅๅ
ท
# ๆฅ็ Console ็กฎ่ฎคๆ ้่ฏฏ
# ๆต่ฏๅ็งๅฑๅนๅฐบๅฏธ- ้ฆๆฌกๅ ๅฎน็ปๅถ (FCP): < 1.5s
- ๆๅคงๅ ๅฎน็ปๅถ (LCP): < 2.5s
- ็ดฏ็งฏๅธๅฑๅ็งป (CLS): < 0.1
- ้ฆๆฌก่พๅ ฅๅปถ่ฟ (FID): < 100ms
ๆไปฌๆฌข่ฟๆๆๅฝขๅผ็่ดก็ฎ๏ผ
- Fork ๆฌไปๅบ
- ๅๅปบ็นๆงๅๆฏ (
git checkout -b feature/AmazingFeature) - ๆไบคๆดๆน (
git commit -m 'Add some AmazingFeature') - ๆจ้ๅฐๅๆฏ (
git push origin feature/AmazingFeature) - ๅๅปบ Pull Request
- ้ตๅพช็ฐๆไปฃ็ ้ฃๆ ผ
- ๆทปๅ ๅฟ ่ฆ็ๆณจ้
- ็กฎไฟไปฃ็ ๅฏ่ฏปๆง
- ๆต่ฏๆๆๆดๆน
- โจ ๅๅง็ๆฌๅๅธ
- ๐จ ๅฎๆ Hero Section ่ฎพ่ฎก
- ๐ค ๅฎ็ฐ Agent Cards ๆปๅจๅฑ็คบ
- ๐ ๆทปๅ Enterprise Features ๆฟๅ
- ๐ ๅๅปบๅฎๆดๆๆกฃ
- Kev - ๅ่ฐๅฎ
- Rex - ๅ จๆ ๅทฅ็จๅธ
- Doc - ๆๆกฃไธๅฎถ
- Scout - ไฟกๆฏ้้ๅฎ
- Morgan - ๅๅธไธๅ
- Sage - ๆ็ฅ้กพ้ฎ
- Verifier - ่ดจ้้ช่ฏ
- ้กน็ฎไธป้กต: GitHub Repository
- ้ฎ้ขๅ้ฆ: GitHub Issues
- ้ฎ็ฎฑ: team@clawteam.com
ๆฌ้กน็ฎ้็จ MIT ่ฎธๅฏ่ฏ - ๆฅ็ LICENSE ๆไปถไบ่งฃ่ฏฆๆ