็ฎไฝไธญๆ | ็น้ซไธญๆ | English
CodeTaste-Pro โ AI ไปฃ็ ๅๅณๅผๆ
่ฎฉ AI ็ผ็จๅทฅๅ
ท็ๆๅ
ทๆไธไธ่ฎพ่ฎกๅๅณ็ไปฃ็
ไฝ ๆฏๅฆ้ๅฐ่ฟ่ฟๆ ท็ๅบๆฏ๏ผ็จ Claude CodeใCursorใWindsurf ๆ GitHub Copilot ็ๆ็ไปฃ็ ่ฝ็ถๅ่ฝๆญฃ็กฎ๏ผไฝ่ง่งไธๆปๆฏ็ผบๅฐไธ็นใๅณ้ใ๏ผๆ้ฎ้ด่ทไธๅฏนใ้ ่ฒไธๅ่ฐใๆ็ๆฒกๆ่ๅฅๆโฆโฆ
CodeTaste-Pro ๆญฃๆฏไธบๆญค่็ใๅฎๆฏไธๅฅ่ฝป้็บง็ CLI ๅทฅๅ ท๏ผๅ ็ฝฎ 6 ไธชไธไธ่ฎพ่ฎก Skill ๅ ๅ 6 ็ปด่ฎพ่ฎกๆ้ฎ็ณป็ป๏ผ่ฝๅคๅฐ่ฎพ่ฎกๅๅณ่งๅ่ฝฌๅไธบๅฏๆณจๅ ฅ AI ็ผ็จๅทฅๅ ท็ Prompt๏ผ่ฎฉไฝ ็ AI ๅฉๆไปใ่ฝๅไปฃ็ ใ่ฟๅๅฐใ่ฝๅๅฅฝ็็ไปฃ็ ใใ
ๆ ธๅฟๅฎไฝ๏ผAI ็ผ็จๅทฅๅ ท็่ฎพ่ฎกๅๅณๅคๆใ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
โ CodeTaste-Pro ๆถๆ โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโค
โ CLI ๅฑ โ codetaste list / show / score / ... โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโค
โ ๅผๆๅฑ โ TasteEngine (่ฏๅ + Prompt ็ๆ) โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโค
โ Skillๅฑ โ 6 ๅ
็ฝฎ Skill + ่ชๅฎไนๆฉๅฑ โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโค
โ ๆ้ฎๅฑ โ 6 ็ปด่ฎพ่ฎกๆ้ฎ (Variance/Motion/...) โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
| Skill | ่ฏดๆ | ้็จๅบๆฏ |
|---|---|---|
| Web Design Pro | ็ฐไปฃใๅนฒๅใๅๅบๅผ Web UI ๆจกๅผ | ็ฝ็ซใLanding PageใDashboard |
| Mobile UI Pro | ็งปๅจ็ซฏไธ็จ UI ่ฎพ่ฎก่งๅ | App ็้ขใH5 ้กต้ขใๅฐ็จๅบ |
| CJK Typography Pro | ไธญๆฅ้ฉๆๅญๆ็ไผๅ | ไธญๆ/ๆฅๆ/้ฉๆ็ฝ็ซไธๅบ็จ |
| Dark Mode Pro | ๆทฑ่ฒๆจกๅผ่ฎพ่ฎก่ง่ | ๆ่ฒไธป้ขๅบ็จใๅผๅ่ ๅทฅๅ ท |
| Minimalist Pro | ๆ็ฎไธปไน่ฎพ่ฎก็พๅญฆ | ไบงๅๅฎ็ฝใไธชไบบๅๅฎขใไฝๅ้ |
| Brutalist Pro | ็ฒ้ไธปไน่ฎพ่ฎก้ฃๆ ผ | ๅๆ็ฝ็ซใๅฎ้ชๆง้กน็ฎ |
ๆฏไธช Skill ้ฝ้ ๅค็ฒพ็ปๅฏ่ฐ็่ฎพ่ฎกๆ้ฎ๏ผ็ฒพ็กฎๆงๅถ AI ็ๆไปฃ็ ็่ฎพ่ฎก็ปดๅบฆ๏ผ
| ๆ้ฎ | ่ฏดๆ | ่ๅด |
|---|---|---|
| Variance | ๅธๅฑๅๅๅบฆไธๅๆๆฐดๅนณ | 0.0 - 1.0 |
| Motion | ๅจ็ปไธ่ฟๆธกๆๆๅผบๅบฆ | 0.0 - 1.0 |
| Density | ไฟกๆฏๅฏๅบฆไธ็็ฝๆฏไพ | 0.0 - 1.0 |
| Typography | ๅญไฝๅฑ็บงไธๆ็ๅฐบๅบฆ | 0.0 - 1.0 |
| Spacing | ้ด่ทไธ่ดๆงไธ่ๅฅๆ | 0.0 - 1.0 |
| Contrast | ่ง่งๅฏนๆฏๅบฆไธๅฑๆฌกๆ | 0.0 - 1.0 |
ๅ ็ฝฎ 6 ็ปด่ฏๅ็ณป็ป๏ผ้ๅ่ฏไผฐไปฃ็ ็่ฎพ่ฎกๅๅณ๏ผ
| ่ฏๅ็ปดๅบฆ | ๆ้ | ่ฏดๆ |
|---|---|---|
| Visual Consistency | 20% | ่ง่งไธ่ดๆง โ ้ข่ฒใ้ด่ทใๅญไฝๆฏๅฆ็ปไธ |
| Semantic Quality | 20% | ่ฏญไนๅ่ดจ้ โ HTML ็ปๆๆฏๅฆ่ฏญไนๅ |
| Accessibility | 15% | ๅฏ่ฎฟ้ฎๆง โ ARIAใaltใ้ฎ็ๅฏผ่ชๆฏๆ |
| Responsive Design | 15% | ๅๅบๅผ่ฎพ่ฎก โ ้้ ไธๅๅฑๅนๅฐบๅฏธ |
| Code Cleanliness | 15% | ไปฃ็ ๆดๆดๅบฆ โ ๆ ๅ ่ๆ ทๅผใ!important ็ญ |
| Design System | 15% | ่ฎพ่ฎก็ณป็ป โ Design Tokenใ้ด่ทไฝ็ณป |
- ้ถไพ่ต โ ็บฏ Python ๆ ๅๅบๅฎ็ฐ๏ผๆ ้ๅฎ่ฃ ไปปไฝ็ฌฌไธๆนๅ
- AI Prompt ็ๆ โ ๅฐ Skill ่งๅ่ชๅจ่ฝฌๅไธบๅฏๆณจๅ ฅ Claude Code / Cursor / Windsurf / Copilot ็ Prompt
- ่ชๅฎไน Skill ๆฉๅฑ โ ๆฏๆ JSON / YAML / Markdown ไธ็งๆ ผๅผๅๅปบ่ชๅฎไน Skill
- ๆจกๅๅๅฏๆๆๆถๆ โ Skill ไน้ดๅฏ่ช็ฑ็ปๅ๏ผไบไธๅฒ็ช
- CJK ๆ็ไผๅ โ ไธไธบไธญๆฅ้ฉๆๅญ่ฎพ่ฎก็ๆ็่งๅ๏ผ่ก้ซใๅญ่ทใๆ ็นๅ็ผฉ็ญ๏ผ
- ็งปๅจ็ซฏ UI ไธ็จ Skill โ ้ๅฏน็งปๅจ็ซฏไบคไบๆจกๅผ็็ฌ็ซ่ฎพ่ฎก่งๅ้
- Python 3.10 ๆๆด้ซ็ๆฌ
- ๆ ้ไปปไฝ็ฌฌไธๆนไพ่ต
ๆนๅผไธ๏ผpip ๅฎ่ฃ ๏ผๆจ่๏ผ
pip install codetaste-proๆนๅผไบ๏ผไปๆบ็ ่ฟ่ก
git clone https://github.com/your-username/CodeTaste-Pro.git
cd CodeTaste-Pro
python -m codetaste.cli.main --version# ๆฅ็็ๆฌ
codetaste --version
# ๅๅบๆๆๅฏ็จ Skill
codetaste list
# ๆฅ็ Skill ่ฏฆๆ
codetaste show web-design
# ่ฏๅไปฃ็ ๅๅณ
codetaste score index.html
# ็ๆ AI Prompt๏ผ็ปๅๅคไธช Skill๏ผ
codetaste generate web-design cjk-typography
# ๅๅงๅ่ชๅฎไน Skill ้กน็ฎ
codetaste init my-design-skill
# ๅฎ่ฃ
่ชๅฎไน Skill
codetaste install ./my-skill.json# ๅๅบๆๆ Skill
codetaste list
# ๆๅ็ฑป็ญ้
codetaste list -c web-design
# ๆๅ
ณ้ฎ่ฏๆ็ดข
codetaste list -s "dark"
# JSON ๆ ผๅผ่พๅบ๏ผไพฟไบ่ๆฌๅค็๏ผ
codetaste list --json# ๆฅ็ๅฎๆด้
็ฝฎใๆ้ฎใ่งๅ
codetaste show web-design
# ๆฅ็็ๆ็ Prompt ่พๅบ
codetaste show web-design --prompt่พๅบ็คบไพ๏ผ
๐ฆ Skill: Web Design Pro
Version: 1.0.0
Category: web-design
Author: CodeTaste-Pro
Description: Professional web design taste skill
๐๏ธ Design Knobs:
Layout Variance: [โโโโโโโโโโ] 0.5 (range: 0.0-1.0)
Motion Depth: [โโโโโโโโโโ] 0.3 (range: 0.0-1.0)
Visual Density: [โโโโโโโโโโ] 0.5 (range: 0.0-1.0)
...
๐ Rules (12):
1. Use CSS custom properties for all colors and spacing
2. Prefer semantic HTML elements over generic divs
...
# ่ฏๅ HTML ๆไปถ
codetaste score index.html
# ๆๅฎไปฃ็ ่ฏญ่จ
codetaste score component.tsx -l tsx
# JSON ๆ ผๅผ่พๅบ
codetaste score style.css -l css --json่ฏๅ่พๅบ็คบไพ๏ผ
==================================================
๐จ CodeTaste-Pro Taste Score: 78.5/100
Level: โ
Good
==================================================
Visual Consistency: 85.0/100 [โโโโโโโโโโ] (ร0.2)
โข CSS variables used (+10)
โข Found 3 hardcoded colors (-9)
Semantic Quality: 90.0/100 [โโโโโโโโโโ] (ร0.2)
โข Semantic HTML elements used (+15)
Accessibility: 72.0/100 [โโโโโโโโโโ] (ร0.15)
โข Found 2 accessibility attributes (+10)
โข Found 1 img tags without alt (-10)
๐ก Suggestions:
1. [Visual Consistency] Replace hardcoded colors with CSS custom properties
2. [Accessibility] Add ARIA attributes to interactive elements
# ็ปๅๅคไธช Skill ็ๆ Prompt
codetaste generate web-design cjk-typography
# ่ฐๆด่ฎพ่ฎกๆ้ฎๅผ
codetaste generate web-design -k motion=0.8 -k density=0.3
# ่พๅบๅฐๆไปถ
codetaste generate web-design dark-mode -o SKILL_PROMPT.md็ๆ็ Prompt ๅฏ็ดๆฅ็ฒ่ดดๅฐ Claude CodeใCursorใWindsurfใGitHub Copilot ็ญๅทฅๅ ท็็ณป็ปๆไปคไธญใ
# ๅๅงๅ Skill ้กน็ฎ
codetaste init my-brand
# ็ผ่พ็ๆ็ Skill ้
็ฝฎ
# vim my-brand/skills/my-brand.json
# ๅฎ่ฃ
่ชๅฎไน Skill
codetaste install my-brand/skills/my-brand.json
# ้ช่ฏๅฎ่ฃ
codetaste show my-brand่ชๅฎไน Skill ๆฏๆไธ็งๆ ผๅผ๏ผ
| ๆ ผๅผ | ๆไปถๆฉๅฑๅ | ้็จๅบๆฏ |
|---|---|---|
| JSON | .json |
็ปๆๅ้ ็ฝฎ๏ผๆจ่้ฆ้ |
| YAML | .yaml / .yml |
ๆด็ฎๆด็้ ็ฝฎ่ฏญๆณ |
| Markdown | .md |
ไปฅๆๆกฃๅฝขๅผ็ผๅ่ฎพ่ฎกๆๅ |
AI ็ผ็จๅทฅๅ ทๅทฒ็ป่ฝๅค็ๆๅ่ฝๅฎๅค็ไปฃ็ ๏ผไฝๅจใ่ฎพ่ฎกๅๅณใๆน้ขไปๆๆๆพๅทฎ่ทใๅคงๅคๆฐ AI ็ๆ็ UI ไปฃ็ ๅญๅจไปฅไธๅ ฑๆง้ฎ้ข๏ผ
- ็กฌ็ผ็ ้ข่ฒๅผ๏ผ
#3B82F6๏ผ่้ Design Token - ๅ ่ๆ ทๅผๆณๆปฅ๏ผ็ผบไน CSS ๆถๆ
- ๅฟฝ่ง CJK ๆ็่งๅ๏ผ่ก้ซใๅญ่ทใๆ ็นๅค็๏ผ
- ๅๅบๅผ่ฎพ่ฎกไธๅฎๆด๏ผๅบๅฎๅ็ด ๅฎฝๅบฆ
- ็ผบไนไธ่ด็่ฎพ่ฎก่ฏญ่จๅ้ด่ทไฝ็ณป
CodeTaste-Pro ็็ฎๆ ไธๆฏๆฟไปฃ่ฎพ่ฎกๅธ๏ผ่ๆฏไธบ AI ็ผ็จๅทฅๅ ทๆณจๅ ฅใ่ฎพ่ฎกๅธธ่ฏใ๏ผ่ฎฉ็ๆ็ไปฃ็ ๅจ่ง่งๅฑ้ข่พพๅฐไธไธๆฐดๅใ
| ็นๆง | CodeTaste-Pro | ็ซๅ๏ผๅ ธๅ๏ผ |
|---|---|---|
| CJK ๆ็ไผๅ | ไธ็จ Skill๏ผ10+ ่งๅ | ๆ |
| ็งปๅจ็ซฏ UI Skill | ็ฌ็ซ Skill ๅ | ๆ |
| ่ฎพ่ฎกๆ้ฎ็ปดๅบฆ | 6 ็ปด | 3 ็ปด |
| ไปฃ็ ๅๅณ่ฏๅ | ๅ ็ฝฎ 6 ็ปด่ฏๅๅผๆ | ๆ |
| ๆถๆ | ๆจกๅๅๅฏๆๆ | ๅไฝ |
| ๅค้จไพ่ต | ้ถไพ่ต | ๆ |
- v1.0 โ ๆ ธๅฟๅผๆ + 6 ๅ ็ฝฎ Skill + CLI ๅทฅๅ ท๏ผๅฝๅ็ๆฌ๏ผ
- v1.1 โ Skill Marketplace๏ผ็คพๅบ Skill ๅไบซๅนณๅฐ๏ผ
- v1.2 โ VS Code ๆไปถ้ๆ๏ผ็ผ่พๅจๅ ๅฎๆถ่ฏๅ๏ผ
- v2.0 โ AI ่ช้ๅบ่ฏๅ๏ผๅบไบๆบๅจๅญฆไน ็ๅๅณ่ฏไผฐ๏ผ
| ้กน็ฎ | ่ฆๆฑ |
|---|---|
| Python | >= 3.10 |
| ๆไฝ็ณป็ป | macOS / Linux / Windows |
| ไพ่ต | ๆ ๏ผ้ถๅค้จไพ่ต๏ผ |
# ๆจ่๏ผpip ๅฎ่ฃ
pip install codetaste-pro
# ๅผๅๆจกๅผๅฎ่ฃ
๏ผ่ดก็ฎ่
๏ผ
git clone https://github.com/your-username/CodeTaste-Pro.git
cd CodeTaste-Pro
pip install -e .
# ็ดๆฅไปๆบ็ ่ฟ่ก๏ผๆ ้ๅฎ่ฃ
๏ผ
git clone https://github.com/your-username/CodeTaste-Pro.git
cd CodeTaste-Pro
python -m codetaste.cli.main listcodetaste --version
# ่พๅบ: CodeTaste-Pro v1.0.0
codetaste list
# ่พๅบ: 6 ไธชๅฏ็จ Skillๆไปฌๆฌข่ฟไปปไฝๅฝขๅผ็่ดก็ฎ๏ผๆ ่ฎบๆฏ Bug ๆฅๅใๅ่ฝๅปบ่ฎฎ๏ผ่ฟๆฏๆฐ็ Skill ๅ ๆไบคใ
- Fork ๆฌไปๅบ
- ๅๅปบ็นๆงๅๆฏ๏ผ
git checkout -b feature/my-new-skill - ๆไบคๆดๆน๏ผ
git commit -m 'Add my-new-skill' - ๆจ้ๅๆฏ๏ผ
git push origin feature/my-new-skill - ๆไบค Pull Request
ๅฆๆไฝ ๆณ่ดก็ฎๆฐ็ Skill ๅ ๏ผ่ฏท็กฎไฟ๏ผ
- Skill ้
็ฝฎๆไปถไฝฟ็จ JSON ๆ ผๅผ๏ผๆพ็ฝฎๅจ
skills/็ฎๅฝไธ - ๅ
ๅซๅฎๆด็
configใinstructionsใexamplesใanti_patternsๅญๆฎต - ่ฎพ่ฎกๆ้ฎๅผ็ป่ฟๅฎ้ ๆต่ฏ้ช่ฏ
- ้ๅธฆไฝฟ็จๅบๆฏ่ฏดๆๅ็คบไพๆชๅพ
# ่ฟ่กๆต่ฏ
cd CodeTaste-Pro
python -m pytest tests/
# ไปฃ็ ้ฃๆ ผๆฃๆฅ
python -m py_compile codetaste/**/*.pyๆฌ้กน็ฎๅบไบ MIT License ๅผๆบใ
MIT License
Copyright (c) 2026 CodeTaste-Pro
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction...
่ช็ฑไฝฟ็จใไฟฎๆนใๅๅ๏ผๆ ไปปไฝ้ๅถใ
็จ่ฎพ่ฎกๅๅณๆญฆ่ฃ ไฝ ็ AI ็ผ็จๅทฅๅ ท ๐จ
CodeTaste-Pro โ AI ็จๅผ็ขผๅๅณๅผๆ
่ฎ AI ็จๅผ่จญ่จๅทฅๅ
ท็ๆๅ
ทๅๅฐๆฅญ่จญ่จๅๅณ็็จๅผ็ขผ
ไฝ ๆฏๅฆ้้้ๆจฃ็ๅ ดๆฏ๏ผ็จ Claude CodeใCursorใWindsurf ๆ GitHub Copilot ็ๆ็็จๅผ็ขผ้็ถๅ่ฝๆญฃ็ขบ๏ผไฝ่ฆ่ฆบไธ็ธฝๆฏ็ผบๅฐไธ้ปใๅณ้ใ๏ผๆ้้่ทไธๅฐใ้ ่ฒไธๅ่ชฟใๆ็ๆฒๆ็ฏๅฅๆโฆโฆ
CodeTaste-Pro ๆญฃๆฏ็บๆญค่็ใๅฎๆฏไธๅฅ่ผ้็ด็ CLI ๅทฅๅ ท๏ผๅ งๅปบ 6 ๅๅฐๆฅญ่จญ่จ Skill ๅ ๅ 6 ็ถญ่จญ่จๆ้็ณป็ตฑ๏ผ่ฝๅค ๅฐ่จญ่จๅๅณ่ฆๅ่ฝๅ็บๅฏๆณจๅ ฅ AI ็จๅผ่จญ่จๅทฅๅ ท็ Prompt๏ผ่ฎไฝ ็ AI ๅฉๆๅพใ่ฝๅฏซ็จๅผ็ขผใ้ฒๅๅฐใ่ฝๅฏซๅฅฝ็็็จๅผ็ขผใใ
ๆ ธๅฟๅฎไฝ๏ผAI ็จๅผ่จญ่จๅทฅๅ ท็่จญ่จๅๅณๅคๆใ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
โ CodeTaste-Pro ๆถๆง โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโค
โ CLI ๅฑค โ codetaste list / show / score / ... โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโค
โ ๅผๆๅฑค โ TasteEngine (่ฉๅ + Prompt ็ๆ) โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโค
โ Skillๅฑค โ 6 ๅ
งๅปบ Skill + ่ช่จๆดๅ
โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโค
โ ๆ้ๅฑค โ 6 ็ถญ่จญ่จๆ้ (Variance/Motion/...) โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
| Skill | ่ชชๆ | ้ฉ็จๅ ดๆฏ |
|---|---|---|
| Web Design Pro | ็พไปฃใไนพๆทจใ้ฟๆๅผ Web UI ๆจกๅผ | ็ถฒ็ซใLanding PageใDashboard |
| Mobile UI Pro | ่กๅ่ฃ็ฝฎๅฐ็จ UI ่จญ่จ่ฆๅ | App ไป้ขใH5 ้ ้ขใๅฐ็จๅผ |
| CJK Typography Pro | ไธญๆฅ้ๆๅญๆ็ๆไฝณๅ | ไธญๆ/ๆฅๆ/้ๆ็ถฒ็ซ่ๆ็จ |
| Dark Mode Pro | ๆทฑ่ฒๆจกๅผ่จญ่จ่ฆ็ฏ | ๆ่ฒไธป้กๆ็จใ้็ผ่ ๅทฅๅ ท |
| Minimalist Pro | ๆฅต็ฐกไธป็พฉ่จญ่จ็พๅญธ | ็ขๅๅฎ็ถฒใๅไบบ้จ่ฝๆ ผใไฝๅ้ |
| Brutalist Pro | ็ฒ้ไธป็พฉ่จญ่จ้ขจๆ ผ | ๅตๆ็ถฒ็ซใๅฏฆ้ฉๆงๅฐๆก |
ๆฏๅ Skill ้ฝ้ ๅ็ฒพ็ดฐๅฏ่ชฟ็่จญ่จๆ้๏ผ็ฒพ็ขบๆงๅถ AI ็ๆ็จๅผ็ขผ็่จญ่จ็ถญๅบฆ๏ผ
| ๆ้ | ่ชชๆ | ็ฏๅ |
|---|---|---|
| Variance | ็้ข่ฎๅๅบฆ่ๅตๆๆฐดๆบ | 0.0 - 1.0 |
| Motion | ๅ็ซ่้ๆธกๆๆๅผทๅบฆ | 0.0 - 1.0 |
| Density | ่ณ่จๅฏๅบฆ่็็ฝๆฏไพ | 0.0 - 1.0 |
| Typography | ๅญ้ซๅฑค็ด่ๆ็ๅฐบๅบฆ | 0.0 - 1.0 |
| Spacing | ้่ทไธ่ดๆงไธ็ฏๅฅๆ | 0.0 - 1.0 |
| Contrast | ่ฆ่ฆบๅฐๆฏๅบฆ่ๅฑคๆฌกๆ | 0.0 - 1.0 |
ๅ งๅปบ 6 ็ถญ่ฉๅ็ณป็ตฑ๏ผ้ๅ่ฉไผฐ็จๅผ็ขผ็่จญ่จๅๅณ๏ผ
| ่ฉๅ็ถญๅบฆ | ๆฌ้ | ่ชชๆ |
|---|---|---|
| Visual Consistency | 20% | ่ฆ่ฆบไธ่ดๆง โ ้ก่ฒใ้่ทใๅญ้ซๆฏๅฆ็ตฑไธ |
| Semantic Quality | 20% | ่ช็พฉๅๅ่ณช โ HTML ็ตๆงๆฏๅฆ่ช็พฉๅ |
| Accessibility | 15% | ็ก้็คๆง โ ARIAใaltใ้ต็คๅฐ่ชๆฏๆด |
| Responsive Design | 15% | ้ฟๆๅผ่จญ่จ โ ้ฉ้ ไธๅ่ขๅนๅฐบๅฏธ |
| Code Cleanliness | 15% | ็จๅผ็ขผๆดๆฝๅบฆ โ ็กๅ ง่ฏๆจฃๅผใ!important ็ญ |
| Design System | 15% | ่จญ่จ็ณป็ตฑ โ Design Tokenใ้่ท้ซ็ณป |
- ้ถไพ่ณด โ ็ด Python ๆจๆบๅบซๅฏฆ็พ๏ผ็ก้ๅฎ่ฃไปปไฝ็ฌฌไธๆนๅฅไปถ
- AI Prompt ็ๆ โ ๅฐ Skill ่ฆๅ่ชๅ่ฝๅ็บๅฏๆณจๅ ฅ Claude Code / Cursor / Windsurf / Copilot ็ Prompt
- ่ช่จ Skill ๆดๅ โ ๆฏๆด JSON / YAML / Markdown ไธ็จฎๆ ผๅผๅปบ็ซ่ช่จ Skill
- ๆจก็ตๅๅฏๆๆๆถๆง โ Skill ไน้ๅฏ่ช็ฑ็ตๅ๏ผไบไธ่ก็ช
- CJK ๆ็ๆไฝณๅ โ ๅฐ็บไธญๆฅ้ๆๅญ่จญ่จ็ๆ็่ฆๅ๏ผ่ก้ซใๅญ่ทใๆจ้ปๅฃ็ธฎ็ญ๏ผ
- ่กๅ่ฃ็ฝฎ UI ๅฐ็จ Skill โ ้ๅฐ่กๅ่ฃ็ฝฎไบๅๆจกๅผ็็จ็ซ่จญ่จ่ฆๅ้
- Python 3.10 ๆๆด้ซ็ๆฌ
- ็ก้ไปปไฝ็ฌฌไธๆนไพ่ณด
ๆนๅผไธ๏ผpip ๅฎ่ฃ๏ผๆจ่ฆ๏ผ
pip install codetaste-proๆนๅผไบ๏ผๅพๅๅง็ขผๅท่ก
git clone https://github.com/your-username/CodeTaste-Pro.git
cd CodeTaste-Pro
python -m codetaste.cli.main --version# ๆฅ็็ๆฌ
codetaste --version
# ๅๅบๆๆๅฏ็จ Skill
codetaste list
# ๆฅ็ Skill ่ฉณๆ
codetaste show web-design
# ่ฉๅ็จๅผ็ขผๅๅณ
codetaste score index.html
# ็ๆ AI Prompt๏ผ็ตๅๅคๅ Skill๏ผ
codetaste generate web-design cjk-typography
# ๅๅงๅ่ช่จ Skill ๅฐๆก
codetaste init my-design-skill
# ๅฎ่ฃ่ช่จ Skill
codetaste install ./my-skill.json# ๅๅบๆๆ Skill
codetaste list
# ๆๅ้ก็ฏฉ้ธ
codetaste list -c web-design
# ๆ้้ตๅญๆๅฐ
codetaste list -s "dark"
# JSON ๆ ผๅผ่ผธๅบ๏ผไพฟๆผ่
ณๆฌ่็๏ผ
codetaste list --json# ๆฅ็ๅฎๆด้
็ฝฎใๆ้ใ่ฆๅ
codetaste show web-design
# ๆฅ็็ๆ็ Prompt ่ผธๅบ
codetaste show web-design --prompt่ผธๅบ็ฏไพ๏ผ
๐ฆ Skill: Web Design Pro
Version: 1.0.0
Category: web-design
Author: CodeTaste-Pro
Description: Professional web design taste skill
๐๏ธ Design Knobs:
Layout Variance: [โโโโโโโโโโ] 0.5 (range: 0.0-1.0)
Motion Depth: [โโโโโโโโโโ] 0.3 (range: 0.0-1.0)
Visual Density: [โโโโโโโโโโ] 0.5 (range: 0.0-1.0)
...
๐ Rules (12):
1. Use CSS custom properties for all colors and spacing
2. Prefer semantic HTML elements over generic divs
...
# ่ฉๅ HTML ๆชๆก
codetaste score index.html
# ๆๅฎ็จๅผ่ช่จ
codetaste score component.tsx -l tsx
# JSON ๆ ผๅผ่ผธๅบ
codetaste score style.css -l css --json่ฉๅ่ผธๅบ็ฏไพ๏ผ
==================================================
๐จ CodeTaste-Pro Taste Score: 78.5/100
Level: โ
Good
==================================================
Visual Consistency: 85.0/100 [โโโโโโโโโโ] (ร0.2)
โข CSS variables used (+10)
โข Found 3 hardcoded colors (-9)
Semantic Quality: 90.0/100 [โโโโโโโโโโ] (ร0.2)
โข Semantic HTML elements used (+15)
Accessibility: 72.0/100 [โโโโโโโโโโ] (ร0.15)
โข Found 2 accessibility attributes (+10)
โข Found 1 img tags without alt (-10)
๐ก Suggestions:
1. [Visual Consistency] Replace hardcoded colors with CSS custom properties
2. [Accessibility] Add ARIA attributes to interactive elements
# ็ตๅๅคๅ Skill ็ๆ Prompt
codetaste generate web-design cjk-typography
# ่ชฟๆด่จญ่จๆ้ๅผ
codetaste generate web-design -k motion=0.8 -k density=0.3
# ่ผธๅบๅฐๆชๆก
codetaste generate web-design dark-mode -o SKILL_PROMPT.md็ๆ็ Prompt ๅฏ็ดๆฅ่ฒผไธๅฐ Claude CodeใCursorใWindsurfใGitHub Copilot ็ญๅทฅๅ ท็็ณป็ตฑๆไปคไธญใ
# ๅๅงๅ Skill ๅฐๆก
codetaste init my-brand
# ็ทจ่ผฏ็ๆ็ Skill ้
็ฝฎ
# vim my-brand/skills/my-brand.json
# ๅฎ่ฃ่ช่จ Skill
codetaste install my-brand/skills/my-brand.json
# ้ฉ่ญๅฎ่ฃ
codetaste show my-brand่ช่จ Skill ๆฏๆดไธ็จฎๆ ผๅผ๏ผ
| ๆ ผๅผ | ๆชๆกๅฏๆชๅ | ้ฉ็จๅ ดๆฏ |
|---|---|---|
| JSON | .json |
็ตๆงๅ้ ็ฝฎ๏ผๆจ่ฆ้ฆ้ธ |
| YAML | .yaml / .yml |
ๆด็ฐกๆฝ็้ ็ฝฎ่ชๆณ |
| Markdown | .md |
ไปฅๆไปถๅฝขๅผ็ทจๅฏซ่จญ่จๆๅ |
AI ็จๅผ่จญ่จๅทฅๅ ทๅทฒ็ถ่ฝๅค ็ๆๅ่ฝๅฎๅ็็จๅผ็ขผ๏ผไฝๅจใ่จญ่จๅๅณใๆน้ขไปๆๆ้กฏๅทฎ่ทใๅคงๅคๆธ AI ็ๆ็ UI ็จๅผ็ขผๅญๅจไปฅไธๅ ฑ้ๆงๅ้ก๏ผ
- ็กฌ็ทจ็ขผ้ก่ฒๅผ๏ผ
#3B82F6๏ผ่้ Design Token - ๅ ง่ฏๆจฃๅผๆฐพๆฟซ๏ผ็ผบไน CSS ๆถๆง
- ๅฟฝ่ฆ CJK ๆ็่ฆๅ๏ผ่ก้ซใๅญ่ทใๆจ้ป่็๏ผ
- ้ฟๆๅผ่จญ่จไธๅฎๆด๏ผๅบๅฎๅ็ด ๅฏฌๅบฆ
- ็ผบไนไธ่ด็่จญ่จ่ช่จๅ้่ท้ซ็ณป
CodeTaste-Pro ็็ฎๆจไธๆฏๅไปฃ่จญ่จๅธซ๏ผ่ๆฏ็บ AI ็จๅผ่จญ่จๅทฅๅ ทๆณจๅ ฅใ่จญ่จๅธธ่ญใ๏ผ่ฎ็ๆ็็จๅผ็ขผๅจ่ฆ่ฆบๅฑค้ข้ๅฐๅฐๆฅญๆฐดๆบใ
| ็นๆง | CodeTaste-Pro | ็ซถๅ๏ผๅ ธๅ๏ผ |
|---|---|---|
| CJK ๆ็ๆไฝณๅ | ๅฐ็จ Skill๏ผ10+ ่ฆๅ | ็ก |
| ่กๅ่ฃ็ฝฎ UI Skill | ็จ็ซ Skill ๅ | ็ก |
| ่จญ่จๆ้็ถญๅบฆ | 6 ็ถญ | 3 ็ถญ |
| ็จๅผ็ขผๅๅณ่ฉๅ | ๅ งๅปบ 6 ็ถญ่ฉๅๅผๆ | ็ก |
| ๆถๆง | ๆจก็ตๅๅฏๆๆ | ๅฎ้ซ |
| ๅค้จไพ่ณด | ้ถไพ่ณด | ๆ |
- v1.0 โ ๆ ธๅฟๅผๆ + 6 ๅ งๅปบ Skill + CLI ๅทฅๅ ท๏ผ็ถๅ็ๆฌ๏ผ
- v1.1 โ Skill Marketplace๏ผ็คพ็พค Skill ๅไบซๅนณๅฐ๏ผ
- v1.2 โ VS Code ๆไปถๆดๅ๏ผ็ทจ่ผฏๅจๅ งๅณๆ่ฉๅ๏ผ
- v2.0 โ AI ่ช้ฉๆ่ฉๅ๏ผๅบๆผๆฉๅจๅญธ็ฟ็ๅๅณ่ฉไผฐ๏ผ
| ้ ็ฎ | ้ๆฑ |
|---|---|
| Python | >= 3.10 |
| ไฝๆฅญ็ณป็ตฑ | macOS / Linux / Windows |
| ไพ่ณด | ็ก๏ผ้ถๅค้จไพ่ณด๏ผ |
# ๆจ่ฆ๏ผpip ๅฎ่ฃ
pip install codetaste-pro
# ้็ผๆจกๅผๅฎ่ฃ๏ผ่ฒข็ป่
๏ผ
git clone https://github.com/your-username/CodeTaste-Pro.git
cd CodeTaste-Pro
pip install -e .
# ็ดๆฅๅพๅๅง็ขผๅท่ก๏ผ็ก้ๅฎ่ฃ๏ผ
git clone https://github.com/your-username/CodeTaste-Pro.git
cd CodeTaste-Pro
python -m codetaste.cli.main listcodetaste --version
# ่ผธๅบ: CodeTaste-Pro v1.0.0
codetaste list
# ่ผธๅบ: 6 ๅๅฏ็จ Skillๆๅๆญก่ฟไปปไฝๅฝขๅผ็่ฒข็ป๏ผ็ก่ซๆฏ Bug ๅๅ ฑใๅ่ฝๅปบ่ญฐ๏ผ้ๆฏๆฐ็ Skill ๅ ๆไบคใ
- Fork ๆฌๅๅบซ
- ๅปบ็ซ็นๆงๅๆฏ๏ผ
git checkout -b feature/my-new-skill - ๆไบค่ฎๆด๏ผ
git commit -m 'Add my-new-skill' - ๆจ้ๅๆฏ๏ผ
git push origin feature/my-new-skill - ๆไบค Pull Request
ๅฆๆไฝ ๆณ่ฒข็ปๆฐ็ Skill ๅ ๏ผ่ซ็ขบไฟ๏ผ
- Skill ้
็ฝฎๆชๆกไฝฟ็จ JSON ๆ ผๅผ๏ผๆพ็ฝฎๅจ
skills/็ฎ้ไธ - ๅ
ๅซๅฎๆด็
configใinstructionsใexamplesใanti_patternsๆฌไฝ - ่จญ่จๆ้ๅผ็ถ้ๅฏฆ้ๆธฌ่ฉฆ้ฉ่ญ
- ้ๅธถไฝฟ็จๅ ดๆฏ่ชชๆๅ็ฏไพๆชๅ
# ๅท่กๆธฌ่ฉฆ
cd CodeTaste-Pro
python -m pytest tests/
# ็จๅผ็ขผ้ขจๆ ผๆชขๆฅ
python -m py_compile codetaste/**/*.pyๆฌๅฐๆกๅบๆผ MIT License ้ๆบใ
MIT License
Copyright (c) 2026 CodeTaste-Pro
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction...
่ช็ฑไฝฟ็จใไฟฎๆนใๅ็ผ๏ผ็กไปปไฝ้ๅถใ
็จ่จญ่จๅๅณๆญฆ่ฃไฝ ็ AI ็จๅผ่จญ่จๅทฅๅ ท ๐จ
CodeTaste-Pro โ AI Code Taste Engine
Elevate AI-generated code with professional design taste
Have you ever noticed that code generated by Claude Code, Cursor, Windsurf, or GitHub Copilot works perfectly but looks... off? Button spacing is inconsistent, colors clash, typography lacks rhythm, and the overall visual polish is just not there.
CodeTaste-Pro was built to solve exactly this problem. It's a lightweight CLI tool with 6 built-in professional design Skill packs and a 6-dimension design knob system. It transforms design taste rules into prompts that can be injected into AI coding tools, upgrading your AI assistant from "writes code" to "writes beautiful code."
Core positioning: The design taste plugin for AI coding tools.
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
โ CodeTaste-Pro Architecture โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโค
โ CLI Layer โ codetaste list / show / score / ..โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโค
โ Engine โ TasteEngine (Scoring + Prompt Gen)โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโค
โ Skill Layer โ 6 Built-in Skills + Custom Ext. โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโค
โ Knob Layer โ 6 Design Knobs (Variance/Motion/..)โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
| Skill | Description | Best For |
|---|---|---|
| Web Design Pro | Modern, clean, responsive web UI patterns | Websites, Landing Pages, Dashboards |
| Mobile UI Pro | Mobile-specific UI design rules | App interfaces, H5 pages, Mini-programs |
| CJK Typography Pro | Chinese/Japanese/Korean typography optimization | CJK websites and applications |
| Dark Mode Pro | Dark mode design specifications | Dark-themed apps, developer tools |
| Minimalist Pro | Minimalist design aesthetics | Product sites, portfolios, blogs |
| Brutalist Pro | Brutalist design style | Creative sites, experimental projects |
Each Skill comes with finely adjustable design knobs for precise control over AI-generated code:
| Knob | Description | Range |
|---|---|---|
| Variance | Layout variation and creativity level | 0.0 - 1.0 |
| Motion | Animation and transition intensity | 0.0 - 1.0 |
| Density | Information density and whitespace ratio | 0.0 - 1.0 |
| Typography | Font hierarchy and type scale | 0.0 - 1.0 |
| Spacing | Spacing consistency and rhythm | 0.0 - 1.0 |
| Contrast | Visual contrast and depth | 0.0 - 1.0 |
Built-in 6-dimension scoring system for quantitatively evaluating code design taste:
| Dimension | Weight | Description |
|---|---|---|
| Visual Consistency | 20% | Color, spacing, and font consistency |
| Semantic Quality | 20% | Semantic HTML structure quality |
| Accessibility | 15% | ARIA, alt text, keyboard navigation |
| Responsive Design | 15% | Multi-screen size adaptation |
| Code Cleanliness | 15% | No inline styles, !important, etc. |
| Design System | 15% | Design tokens, spacing scale |
- Zero Dependencies โ Pure Python standard library, no third-party packages required
- AI Prompt Generation โ Automatically converts Skill rules into injectable prompts for Claude Code / Cursor / Windsurf / Copilot
- Custom Skill Extension โ Create custom Skills in JSON / YAML / Markdown formats
- Modular Plug-and-Play Architecture โ Skills can be freely combined without conflicts
- CJK Typography Optimization โ Dedicated rules for CJK text (line-height, letter-spacing, punctuation compression)
- Mobile UI Dedicated Skill โ Independent design rule set for mobile interaction patterns
- Python 3.10 or higher
- No third-party dependencies required
Option 1: pip install (recommended)
pip install codetaste-proOption 2: Run from source
git clone https://github.com/your-username/CodeTaste-Pro.git
cd CodeTaste-Pro
python -m codetaste.cli.main --version# Check version
codetaste --version
# List all available Skills
codetaste list
# Show Skill details
codetaste show web-design
# Score code taste
codetaste score index.html
# Generate AI Prompt (combine multiple Skills)
codetaste generate web-design cjk-typography
# Initialize custom Skill project
codetaste init my-design-skill
# Install custom Skill
codetaste install ./my-skill.json# List all Skills
codetaste list
# Filter by category
codetaste list -c web-design
# Search by keyword
codetaste list -s "dark"
# JSON output (for scripting)
codetaste list --json# Show full config, knobs, and rules
codetaste show web-design
# Show generated Prompt output
codetaste show web-design --promptExample output:
๐ฆ Skill: Web Design Pro
Version: 1.0.0
Category: web-design
Author: CodeTaste-Pro
Description: Professional web design taste skill
๐๏ธ Design Knobs:
Layout Variance: [โโโโโโโโโโ] 0.5 (range: 0.0-1.0)
Motion Depth: [โโโโโโโโโโ] 0.3 (range: 0.0-1.0)
Visual Density: [โโโโโโโโโโ] 0.5 (range: 0.0-1.0)
...
๐ Rules (12):
1. Use CSS custom properties for all colors and spacing
2. Prefer semantic HTML elements over generic divs
...
# Score an HTML file
codetaste score index.html
# Specify code language
codetaste score component.tsx -l tsx
# JSON output
codetaste score style.css -l css --jsonExample scoring output:
==================================================
๐จ CodeTaste-Pro Taste Score: 78.5/100
Level: โ
Good
==================================================
Visual Consistency: 85.0/100 [โโโโโโโโโโ] (ร0.2)
โข CSS variables used (+10)
โข Found 3 hardcoded colors (-9)
Semantic Quality: 90.0/100 [โโโโโโโโโโ] (ร0.2)
โข Semantic HTML elements used (+15)
Accessibility: 72.0/100 [โโโโโโโโโโ] (ร0.15)
โข Found 2 accessibility attributes (+10)
โข Found 1 img tags without alt (-10)
๐ก Suggestions:
1. [Visual Consistency] Replace hardcoded colors with CSS custom properties
2. [Accessibility] Add ARIA attributes to interactive elements
# Combine multiple Skills to generate a Prompt
codetaste generate web-design cjk-typography
# Override design knob values
codetaste generate web-design -k motion=0.8 -k density=0.3
# Output to file
codetaste generate web-design dark-mode -o SKILL_PROMPT.mdGenerated prompts can be directly pasted into the system instructions of Claude Code, Cursor, Windsurf, GitHub Copilot, and other AI coding tools.
# Initialize a Skill project
codetaste init my-brand
# Edit the generated Skill config
# vim my-brand/skills/my-brand.json
# Install the custom Skill
codetaste install my-brand/skills/my-brand.json
# Verify installation
codetaste show my-brandCustom Skills support three formats:
| Format | File Extension | Best For |
|---|---|---|
| JSON | .json |
Structured configuration (recommended) |
| YAML | .yaml / .yml |
More concise configuration syntax |
| Markdown | .md |
Writing design guidelines as documentation |
AI coding tools can already generate fully functional code, but there's a clear gap in "design taste." Most AI-generated UI code suffers from common issues:
- Hardcoded color values (
#3B82F6) instead of Design Tokens - Inline style abuse with no CSS architecture
- Ignoring CJK typography rules (line-height, letter-spacing, punctuation)
- Incomplete responsive design with fixed pixel widths
- Lack of consistent design language and spacing systems
CodeTaste-Pro's goal is not to replace designers, but to inject "design common sense" into AI coding tools, bringing generated code up to professional visual standards.
| Feature | CodeTaste-Pro | Typical Competitors |
|---|---|---|
| CJK Typography | Dedicated Skill, 10+ rules | None |
| Mobile UI Skill | Independent Skill pack | None |
| Design Knob Dimensions | 6 dimensions | 3 dimensions |
| Code Taste Scoring | Built-in 6-dimension engine | None |
| Architecture | Modular plug-and-play | Monolithic |
| External Dependencies | Zero | Yes |
- v1.0 โ Core engine + 6 built-in Skills + CLI tool (current release)
- v1.1 โ Skill Marketplace (community Skill sharing platform)
- v1.2 โ VS Code extension integration (in-editor real-time scoring)
- v2.0 โ AI-adaptive scoring (ML-based taste evaluation)
| Requirement | Specification |
|---|---|
| Python | >= 3.10 |
| OS | macOS / Linux / Windows |
| Dependencies | None (zero external dependencies) |
# Recommended: pip install
pip install codetaste-pro
# Development mode (for contributors)
git clone https://github.com/your-username/CodeTaste-Pro.git
cd CodeTaste-Pro
pip install -e .
# Run directly from source (no installation needed)
git clone https://github.com/your-username/CodeTaste-Pro.git
cd CodeTaste-Pro
python -m codetaste.cli.main listcodetaste --version
# Output: CodeTaste-Pro v1.0.0
codetaste list
# Output: 6 available SkillsWe welcome contributions of all forms! Whether it's a bug report, feature suggestion, or a new Skill pack submission.
- Fork this repository
- Create a feature branch:
git checkout -b feature/my-new-skill - Commit your changes:
git commit -m 'Add my-new-skill' - Push the branch:
git push origin feature/my-new-skill - Submit a Pull Request
If you'd like to contribute a new Skill pack, please ensure:
- Skill config files use JSON format, placed in the
skills/directory - Include complete
config,instructions,examples, andanti_patternsfields - Design knob values are validated through actual testing
- Include usage scenario descriptions and example screenshots
# Run tests
cd CodeTaste-Pro
python -m pytest tests/
# Code style check
python -m py_compile codetaste/**/*.pyThis project is open-sourced under the MIT License.
MIT License
Copyright (c) 2026 CodeTaste-Pro
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction...
Free to use, modify, and distribute without any restrictions.
Arm your AI coding tools with design taste ๐จ