Version Python License Zero Dependencies
็ฎไฝไธญๆ | ็น้ซไธญๆ | 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
่ฏๅ่พๅบ็คบไพ:
รใฐใค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">
==================================================
๐จ 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 list
codetaste --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
่ฉๅ่ผธๅบ็ฏไพ:
รใฐใค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">
==================================================
๐จ 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 list
codetaste --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-pro
Option 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 --prompt
Example 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 --json
Example scoring output:
รใฐใค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">
==================================================
๐จ 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.md
Generated 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-brand
Custom 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 list
codetaste --version # Output: CodeTaste-Pro v1.0.0 codetaste list # Output: 6 available Skills
We 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/**/*.py
This 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 ๐จ