កម្មវិធីបង្កើតផ្នែកបន្ថែមក្រោមដី
Loading...
Underground Extension Generator
ត្រៀមខ្លួនរួចរាល់ដើម្បីបង្កើត ↺

កម្មវិធីបង្កើតផ្នែកបន្ថែម Underground

ពិពណ៌នាអំពីផ្នែកបន្ថែមរបស់អ្នក បង្កើតកូដ កែលម្អវាជាមួយ AI បន្ទាប់មកនាំចេញសម្រាប់ Chrome, Edge, Firefox, Opera ឬ Safari។

បានឧបត្ថម្ភ

គាំទ្រ forge ដោយឥតគិតថ្លៃដោយទុកកន្លែងនេះសម្រាប់អ្នកឧបត្ថម្ភ។

01

សេចក្តីសង្ខេបនៃផ្នែកបន្ថែម

* តម្រូវឱ្យមាន
ឈ្មោះផ្នែកបន្ថែម *
តើវាគួរធ្វើអ្វី? *
គ្មានដែនកំណត់ — ពិពណ៌នាវាឱ្យបានលម្អិតតាមដែលអ្នកចង់បាន។
បង្កើតដោយ
ការអនុញ្ញាត
✓storageរក្សាទុកការកំណត់ក្នុងមូលដ្ឋាន ✓activeTabអានផ្ទាំងបច្ចុប្បន្ន ✓tabsគ្រប់គ្រងផ្ទាំងកម្មវិធីរុករក

បង្កើតដោយ AI

ស្រេចចិត្ត។ ប្រើម៉ូដែលដែលភ្ជាប់មកជាមួយ ដែលមានតម្លៃចាប់ពីឥតគិតថ្លៃរហូតដល់ ៩៩៩ ក្រេឌីតក្នុងមួយសារ ឬនាំយកសោ OpenRouter ផ្ទាល់ខ្លួនរបស់អ្នក។

0–999 CREDITS
ម៉ាស៊ីន AI
ម៉ូដែលដែលភ្ជាប់មកជាមួយ0–999 ក្រេឌីតក្នុងមួយសារ សោ OpenRouterនាំយកសោផ្ទាល់ខ្លួនរបស់អ្នក
ម៉ូដែលដែលភ្ជាប់មកជាមួយ 1 credit/msg
បង្ហាញតែម៉ូដែលឥតគិតថ្លៃប៉ុណ្ណោះ

ឥតគិតថ្លៃលើគម្រោងណាមួយមិនត្រូវការក្រេឌីតទេ។ ឥតគិតថ្លៃជាមួយ Pro ត្រូវបានរួមបញ្ចូលជាមួយគម្រោង Pro ហើយមានតម្លៃតាមដែលបានចុះបញ្ជីបើមិនដូច្នោះទេ។

រាល់ម៉ូដែលដែលភ្ជាប់មកជាមួយត្រូវបានរាយបញ្ជីជាមួយនឹងតម្លៃពិតប្រាកដ និងដែនកំណត់ដែលភ្ជាប់មកជាមួយ។ មិនចាំបាច់ប្រើសោ API ទេ។

សោ OpenRouter API
បង្ហាញ
ម៉ូដែល ជ្រើសរើស ID ម៉ូដែល OpenRouter ណាមួយ ឬជ្រើសរើស Custom។

សេចក្តីសង្ខេបស្តង់ដារ
កំណត់ទៅកំណែ AI វិញ
កែសម្រួលសេចក្តីសង្ខេបស្តង់ដារ

អត្ថបទនេះគឺជាអ្វីដែលផែនការត្រូវបានបង្កើតឡើងយ៉ាងពិតប្រាកដ — ផ្លាស់ប្តូរអ្វីទាំងអស់នៅក្នុងនោះ។

តើសេចក្តីសង្ខេបនេះមើលទៅត្រឹមត្រូវទេ?

បញ្ជាក់វា ហើយ Forge នឹងបន្ថែម boilerplate លក្ខណៈពិសេស និងព័ត៌មានលម្អិតជាក់លាក់នៃកម្មវិធីរុករក។

កែសម្រួលប្រអប់បញ្ចូលពង្រីក & បង្កើត→
បង្កើតដោយ AI↗ ពិភាក្សា និងរៀបចំផែនការ

ម៉ូដែលដែលភ្ជាប់មកជាមួយដំណើរការតាមរយៈកម្មវិធីនេះជាមួយនឹងគម្រោងរបស់អ្នក។ មិនចាំបាច់ប្រើសោទេ។

បង្កើតកញ្ចប់ចាប់ផ្តើម→
02

កញ្ចប់ចាប់ផ្តើមរបស់អ្នក

□ចម្លងឯកសារ
⌘
Tab TidyReact + Vite · MV3
បានបង្កើត
Generated ត្រឡប់ឯកសារដើមវិញ
កែសម្រួលមាតិកាឯកសារ

extension.spec.yaml ពិពណ៌នាអំពីផ្នែកបន្ថែម ហើយ PROMPT.md អាចបង្កើតវាឡើងវិញពីដំបូង។ ទាំងពីរនេះមាននៅក្នុងរាល់ការនាំចេញ។

Bun · React · Vite · Tailwind · shadcn/ui

ទាញយកសម្រាប់

ទាញយកឯកសារ↓ Download for Chrome↓ កម្មវិធីរុករកទាំង 5 (.zip)↓
ឃ្លាំង Chrome ទទេ (.zip)↓

ឃ្លាំងដូចគ្នាដែលមាន src/App.tsx ទទេ — គ្មានអ្វីដែលត្រូវលុបចោលមុនពេលបង្កើតនោះទេ។

03

ស្ទូឌីយោ App.tsx

Chatbot សម្រាប់ឯកសារមួយ។ ស្នើសុំការផ្លាស់ប្តូរ អាន src/App.tsx ថ្មី បន្ទាប់មកអនុវត្តវា។

— មិនទាន់មានកំណែនៅឡើយទេ App.tsx សូចនាករ · នៅមិនទាន់ដំណើរការ

ការជជែក App.tsx

ជម្រះការជជែក
សារអំពី App.tsx
ចុច Enter ដើម្បីផ្ញើ ផ្ញើ→

សូចនាករ App.tsx


              
            

src/App.tsx

កូដ មើលការបង្ហាញផ្ទាល់

                

ស្តារពីមុន ចម្លង ទាញយក .tsx
ផ្ទាំងលេចឡើង 360px បំពេញទទឹង
ផ្ទុកឡើងវិញ បើកក្នុងផ្ទាំងថ្មី
index.html

កំណែ App.tsx

រាល់ការផ្លាស់ប្តូរដែលបានអនុវត្តត្រូវបានរក្សាទុកនៅទីនេះ ដោយចាប់ផ្តើមពីថ្មីបំផុត។

    04

    កែលម្អជាមួយ AI

    ស្នើសុំការផ្លាស់ប្តូរ។ រាល់ចម្លើយអាចធ្វើបច្ចុប្បន្នភាពផែនការ និងបង្កើតកូដឡើងវិញ។

    — មិនទាន់មានផែនការ

    ជជែក

    សម្អាតការជជែក
    សារ
    ចុច Enter ដើម្បីផ្ញើ ផ្ញើ→

    ផែនការសាងសង់

    សេចក្តីព្រាង

    ផែនការរបស់អ្នកនឹងបង្ហាញនៅទីនេះនៅពេលអ្នកបង្កើត ឬស្នើសុំការផ្លាស់ប្តូរ។

    
                សាងសង់កូដឡើងវិញពីផែនការនេះ
              
    05

    រូបតំណាងផ្នែកបន្ថែម

    បង្កើតរូបតំណាងការ៉េដោយប្រើគំរូរូបភាព Gemini បន្ទាប់មកដាក់វានៅក្នុងការនាំចេញរបស់អ្នក។

    Nano Banana · Gemini 2.5 Flash Image មិនរួមបញ្ចូលក្នុងការនាំចេញ
    រូបរាង
    ការណែនាំបន្ថែម (ស្រេចចិត្ត)
    បង្កើតរូបតំណាង↗

    រូបតំណាងមកពីម៉ូដែលរូបភាព Gemini របស់វេទិកា ដូច្នេះវាទាមទារគណនីដែលបានចូលប្រើប្រាស់ដែលមានក្រេឌីត។

    សំណើដែលបានផ្ញើទៅកាន់ម៉ូដែល
    
                  
                
                
    ប្រើក្នុងការនាំចេញ ទាញយក PNG លុបរូបតំណាង

    រូបតំណាងដែលរក្សាទុកនឹងត្រូវបានបន្ថែមទៅរាល់ការនាំចេញកម្មវិធីរុករកជា icons/icon-16.png, icon-48.png និង icon-128.png។

    06

    កំណែ & git

    រាល់ការដាក់កំណែរក្សាទុកនូវរូបភាពពេញលេញនៃផ្នែកបន្ថែម៖ ប្រវត្តិ សាខា ភាពខុសគ្នា និងការចេញផ្សាយដែលបានដាក់ស្លាក ដែលអ្នកអាចបង្កើតឡើងវិញនៅក្នុង git ពិតប្រាកដ។

    មែកធាងការងារ

      សារផ្ញើ
      ស្លាកកំណែ
      កែសម្រួល តូច ធំ
      ស្លាកនឹងក្លាយជាការចេញផ្សាយនៅក្នុងកំណត់ហេតុនៃការផ្លាស់ប្តូរ ហើយកំណត់កំណែនៅក្នុង manifest.json។
      ដាក់កំណែ→

      រាល់ការដាក់កំណែរក្សាទុកឯកសារនីមួយៗតាមស្ថានភាពបច្ចុប្បន្ន រួមជាមួយផែនការសាងសង់។

      ប្រវត្តិ

      សាខា សាខាថ្មី
      សាខា បង្កើតសាខា បោះបង់

      កំណែរបស់អ្នកនឹងបង្ហាញនៅទីនេះបន្ទាប់ពីការផ្ញើលើកដំបូង។

        ការស្តារនឹងដាក់កំណែចាស់ត្រឡប់ទៅក្នុងកម្មវិធីកែសម្រួលវិញ។ សូមផ្ញើវាបន្ទាប់ពីនោះដើម្បីរក្សាទុកវា។

        ការនាំចេញឃ្លាំងផ្ទុកទិន្នន័យមានផ្ទុកមែកធាងការងារ .gitignore, CHANGELOG, រាល់កំណែដែលបានដាក់ស្លាក និងស្គ្រីបដែលបង្កើតប្រវត្តិនេះឡើងវិញនៅក្នុង git ។

        ចម្លងភាពខុសគ្នា□ នាំចេញ git repo (.zip)↓
        សម្អាតប្រវត្តិ
        07

        កុងសូលបញ្ចូល

        វាយបញ្ចូលកូដ 99-combo ទៅក្នុងគោលដៅដោយស្វ័យប្រវត្តិ។ ជ្រើសរើសជួរ កំណត់ល្បឿនចុចគ្រាប់ចុច រួចដំណើរការវាម្តងមួយបន្ទាត់ម៉ាក្រូ។

        ទំនេរ

        ការគ្រប់គ្រងការដំណើរការ

        DuckyScript
        ល្បឿនចុចគ្រាប់ចុច
        0 ms បញ្ចូលក្នុងល្បឿនផ្នែករឹង។ តម្លៃកាន់តែខ្ពស់វាយអក្សរដូចមនុស្ស។
        កុំបូសម្រាប់បញ្ចូល
        →
        1 ដល់ 99 គ្របដណ្តប់លើកូដទាំងមូល។ ជំពូកដំណើរការជ្រៅ 9 ជំហានលើ 11 ទំព័រ។
        ការបញ្ជូន ព្រឹត្តិការណ៍គ្រាប់ចុចសំយោគមិនត្រូវបានទុកចិត្តទេ ដូច្នេះកម្មវិធីរុករកនឹងមិនបញ្ចូលអត្ថបទសម្រាប់វាដោយខ្លួនឯងទេ។ តម្លៃ + ព្រឹត្តិការណ៍គ្រាប់ចុច សរសេរអត្ថបទ និងបញ្ជូន keydown, keypress និង keyup។
        ចាប់ផ្តើម ផ្អាក ជំហាន ឈប់
        វឌ្ឍនភាពនៃការបញ្ចូល
        បន្សំ0 / 99
        តួអក្សរ0
        ពេលវេលាវាយអក្សរ0.0s

        កុងសូលនេះគ្រប់គ្រងប្រអប់ខ្សាច់ខាងក្រោម។ វាមិនអាចភ្ជាប់កម្មវិធីបំបាត់កំហុសទៅផ្ទាំងផ្សេងទៀតបានទេ — ទំព័រដែលស្ថិតក្នុងប្រអប់ខ្សាច់មិនមានសិទ្ធិចូលប្រើពួកវាទេ ហើយឧបករណ៍នេះក៏មិនព្យាយាមធ្វើដូច្នេះដែរ។

        ស្ថានីយ

        ជម្រះ

          ចុច START ហើយរាល់បន្ទាត់ម៉ាក្រូនឹងបង្ហាញនៅទីនេះនៅពេលវាដំណើរការ។

          ស្គ្រីបផ្ទុកទិន្នន័យ

            ចម្លងស្គ្រីប□ ទាញយក .txt↓

            គោលដៅ Sandbox

            textarea
            គោលដៅនៃការបញ្ចូល

            ព្រឹត្តិការណ៍គ្រាប់ចុចដែលបានទទួល

              រាល់ keydown, keypress និង keyup ដែលបានបញ្ជូននឹងបង្ហាញនៅទីនេះ។

              08

              សាកល្បងក្នុង Chrome

              ដំណើរការផ្នែកបន្ថែមនៅក្នុងច្បាប់ចម្លងនៃកម្មវិធីរុករកនៅទីនេះ បន្ទាប់មកទាញយកឧបករណ៍ដែលបើក Chrome បណ្តោះអាសន្នជាមួយវាដែលបានផ្ទុក។

              កម្មវិធីរុករកដែលបានក្លែងធ្វើ

              ផ្ទុកបង្អួចលេចឡើងឡើងវិញ ផ្ទុកផ្នែកបន្ថែមឡើងវិញ
              + about:blank ×
              ×

                ផ្ទាំងលេចឡើងដំណើរការសម្រាប់ពិតប្រាកដ — React, Tailwind និង src/App.tsx ដែលបានចងក្រងរបស់អ្នក — ជាមួយ API របស់កម្មវិធីរុករកដែលឆ្លើយតបនៅទីនេះជំនួសឱ្យ Chrome។ វាមិនអាចសាកល្បងអ្វីដែលមានតែកម្មវិធីរុករកប៉ុណ្ណោះដែលអាចធ្វើបាន៖ ការជូនដំណឹងអំពីការអនុញ្ញាតពិតប្រាកដ ផ្ទាំងពិតប្រាកដរបស់អ្នក និងគេហទំព័រផ្សេងទៀត។

                ផ្នែកខាងក្នុងនៃផ្នែកបន្ថែម

                ទំហំផ្ទុក ការហៅ API កម្មករ

                ផ្នែកបន្ថែមមិនទាន់បានរក្សាទុកអ្វីនៅឡើយទេ។

                ទំហំផ្ទុក
                ជម្រះកន្លែងផ្ទុកផ្នែកបន្ថែម

                បើកផ្ទាំងលេចឡើង ហើយរាល់ការហៅកម្មវិធីរុករកដែលវាធ្វើនឹងបង្ហាញនៅទីនេះ។

                  កញ្ចប់នេះមិនទាន់មានកម្មករផ្ទៃខាងក្រោយនៅឡើយទេ។ សុំឱ្យការជជែកបន្ថែមមួយ — វាជាអ្វីដែលគ្រប់គ្រងការជូនដំណឹង សញ្ញាសម្គាល់ និងសារនៅពេលដែលបង្អួចលេចឡើងត្រូវបានបិទ។

                    គ្មានការជូនដំណឹងដែលបានកំណត់ពេល។

                      កម្មវិធីរុករកពិតប្រាកដ មិនត្រូវបានប៉ះពាល់

                      ឧបករណ៍នេះផ្ទុកផ្នែកបន្ថែមដែលមិនបានពន្លា និងស្គ្រីបបើកដំណើរការសម្រាប់ Chrome, Edge, Opera និង Firefox។ ពួកវាបើកកម្មវិធីរុករកនៅលើប្រវត្តិរូបបណ្តោះអាសន្ន ដូច្នេះកម្មវិធីរុករក ការចូលប្រើ និងផ្នែកបន្ថែមផ្ទាល់ខ្លួនរបស់អ្នកមិនដែលពាក់ព័ន្ធឡើយ។

                      ចម្លងជំហានសាកល្បង□ ទាញយកឧបករណ៍សាកល្បងកម្មវិធីរុករក (.zip)↓
                      អ្វីដែលត្រូវពិនិត្យនៅក្នុងកម្មវិធីរុករកពិតប្រាកដ