बड़ा अपडेट: मेरे 10 साल के डिज़ाइन अनुभव का निचोड़, अब PPT स्किल्स में

पिछली बार जब मैंने guizang-ppt-skill (github.com/op7418/guizang-ppt-skill) को ओपन-सोर्स किया था, तो सभी को यह बहुत पसंद आया और कुछ ही हफ्तों में इसे GitHub पर 6,000 से अधिक स्टार प्राप्त हो गए। इसे बहुत लोकप्रिय ओपन-सोर्स Claude Design में भी संदर्भित और शामिल किया गया।

मैंने इस PPT Skill द्वारा उत्पन्न PPT को ऑनलाइन और ऑफलाइन दोनों जगहों पर देखे हैं।

रिलीज़ के बाद, मुझे बैकग्राउंड में सबसे अधिक बार ये सवाल मिले:

"क्या हम और स्टाइलें प्राप्ताइन प्राप्त कर सकते हैं?"

"क्या आप चित्रण में भी मेरी मदद कर सकते हैं?"

"क्या मुझे अन्य प्लेटफॉर्म के लिए PPT कवर दोबारा बनाना होगा?"

मैंने खुद इसका उपयोग करते हुए नोट्स लिए और उन्हें दो हफ्तों तक संभाल कर रखा। इस बार, मैं इन सभी कमियों को एक साथ भर रहा हूँ।

क्या अपडेट किया गया है

एक बिल्कुल नई विज़ुअल शैली जोड़ी गई है, चित्रण क्षमताएं सीधे Codex से जुड़ी हुई हैं, और PPT के अलावा अन्य प्लेटफार्मों के लिए कवर अब आसानी से बनाए जा सकते हैं।

विशेष रूप से, तीन चीजें:

• शैली B जोड़ी गई: स्विस अंतर्राष्ट्रीयतावाद। पूरी तरह से सैंस-सेरिफ़, एक उच्च संतृप्ति वाला एक एंकर रंग, और ग्रिड-प्रथम।
• Codex को GPT-Image 2.0 के साथ एकीकृत किया गया। सीधे टोन से मेल खाने वाले चित्रण उत्पन्न करें, जिसमें फिल्म-बनावट वाले पोर्ट्रेट, फ्लोचार्ट और बेहतर UI स्क्रीनशॉट शामिल हैं।
• मल्टी-प्लेटफ़ॉर्म कवर जनरेशन। एक ही सामग्री का उपयोग Xiaohongshu, WeChat आधिकारिक खाता, वीडियो खाता आदि के लिए कवर बनाने के लिए किया जा सकता है।

नई शैली को ट्रिगर करना

इंस्टॉलेशन के बाद, Claude या Codex से कहें: "मेरे लिए एक स्विस-शैली PPT बनाओ।"

यदि आपने इसे पहले ही इंस्टॉल कर लिया है, तो आप अपने AI से यह भी कह सकते हैं: "guizang-ppt-skill को अपडेट करने में मेरी मदद करें।"

यह आपसे पूछेगा: इंटरनेशनल क्लेन ब्लू (IKB), लेमन येलो, लेमन ग्रीन, या सेफ्टी ऑरेंज—आप इन चार थीम में से कौन सा चुनते हैं?

• इंटरनेशनल क्लेन ब्लू (IKB): सार्वभौमिक, व्यावसायिक लॉन्च, AI उत्पाद; डिफ़ॉल्ट अनुशंसा।
• लेमन येलो: युवा, खेल, खुदरा, Y2K रेट्रो।
• लेमन ग्रीन: पारिस्थितिकी, स्थिरता, Gen Z ब्रांडिंग।
• सेफ्टी ऑरेंज: चेतावनी, समाचार, उच्च-ऊर्जा थीम।

पहले की तर की तरही, कस्टम हेक्स कोड स्वीकार नहीं किए जाते हैं।

मैंने इस नियम को विशेष रूप से SKILL.md की हार्ड बाधाओं में लिखा है। मैंने पिछले लेख में कारण बताया था, इसलिए इसे दोहराऊंगा नहीं।

सबसे अधिक उपयोग किए जाने वाले लेआउट

स्विस शैली में 22 तैयार्किक नाम वाले लेआउट शामिल हैं, जो कवर, अध्याय, डेटा, तुलना और समापन को कवर करते हैं।

यहाँ छह सबसे अधिक पहचाने जाने योग्य हैं:

कवर। बाएं आधे भाग में IKB पृष्ठभूमि है जिस पर सफेद टेक्स्ट की एक विशाल पंक्ति है, जबकि दायां आधा भाग मेटा स्थान है जिसमें मेटा जानकारी है। पहले पेज के लिए लगभग अनिवार्य।

कथन। एक वाक्य 9.6vw घेरता है; पूरा पेज सिर्फ यही और फुटर टेक्स्ट की एक छोटी पंक्ति है। अध्याय शुरू करने या मुख्य तर्क प्रस्तुत करने के लिए उपयुक्त।

KPI टावर। चार ठोस रंग के कॉलम जिनकी ऊंचाई डेटा द्वारा निर्धारित होती है, उसके बाद श्रेणियों की एक पंक्ति। लाभ मार्जिन लेयरिंग, मूल्य स्तर, रूपांतरण फ़नल जैसी अनुदैर्ध्य संख्यात्मक तुलनाएं एक नज़र में समझी जा सकती हैं।

लूप आरेख। संख्यांकित चरण संकेंद्रित वलयों पर वितरित होते हैं, एक वृत्त में बंद होते हैं। स्व-सीखने के लूप, एजेंट ऑटोमेशन चक्र और उत्पाद प्रतिक्रिया फ्लाईव्हील समझाने के लिए उपयुक्त।

दोहरी तुलना। एक पतली केंद्र रेखा जिसके प्रत्येक तरफ टेक्स्ट और डेटा का एक सेट है। पुरानी प्रणाली बनाम नए समाधान, पारंपरिक बनाम AI, या पहले बनाम बाद के लिए उपयोग करें।

समापन घोषणापत्र। बायां आधा भाग IKB सफेद-पर-नीला घोषणापत्र है, और दायां आधा भाग तीन निष्कर्ष हैं जो टुकड़े को समाप्त करते हैं। डेक के अंतिम पेज के लिए अनुशंसित ताकि कवर के साथ रंग लूप बनाया जा सके।

अन्य में क्षैतिज टाइमलाइन, तीन बलों का टकराव, सिस्टम आरेख पदानुक्रम, Why Now तर्क समर्थन, Tech Spec उत्पाद विनिर्देश, KPI के साथ इमे Image Hero केस स्टडी आदि आदि शामिल हैं।

प्रत्येक एक विशिष्ट सामग्री रूप से मेल खाता है। जब आप कहते हैं "मैं एक उद्योग रैंकिंग करना चाहता हूँ" या "मैं एक उत्पाद बेंचमार्क करना चाहता हूँ", तो AI इन 22 में से सबसे उपयुक्त चुनेगा; आपको नाम याद रखने की आवश्यकता नहीं है।

थीम चुनने के बाद, बाकी प्रक्रिया पिछले संस्करण के समान है: 6 स्पष्टीकरण प्रश्न, फिर रूपरेखा और लय तालिका, और अंत में संरेखण के बाद कोड।

GPT-Image 2.0 को छवियों में आपकी सहायता करने दें

यदि आप इसे Codex वातावरण में उपयोग करते हैं, तो PPT लिखे जाने के बाद, यह सक्रिय रूप से पूछेगा: "क्या आप इस PPT के लिए कुछ चित्रण उत्पन्न करना चाहते हैं?"

यदि आपको उनकी आवश्यकता है, तो यह स्वचालित रूप से चयनित PPT शैली और सामग्री के अनुसार उपयुक्त प्रकार का चित्रण उत्पन्न करेगा:

मानवीय दस्तावेजी तस्वी तस्वीरें (फिल्म बनावट), इन्फोग्राफिक्स (प्रक्रियाएं, तुलनाएं, सिस्टम संबंध), स्क्रीनशॉट रीडिज़ाइन (आपकी मूल छवियों को PPT अनुपात में रीमेक करना), डेटा पोस्टर, फ्लोचार्ट और सिस्टम संबंध आरेख।

उत्पन्न छवियां स्वचालित रूप से आपके वर्तमान डेक की शैली और थीम रंग के अनुकूल हो जाएंगी।

विशिष्टताएं:

• डिजिटल पत्रिका शैली के लिए, इन्फोग्राफिक्स एक ई-इंक टोन का पालन करते हैं: मुख्य रूप से काले, सफेद और भूरे, कुछ कम संतृप्ति वाले उच्चारण रंग, पतली रेखाएं, ग्रिड और संयमित सफेद स्थान।
• स्विस शैली के लिए, इन्फोग्राफिक्स स्विस आधुनिकतावादी टोन का पालन करते हैं: सैंस-सेरिफ़ शॉर्ट लेबल जो Helvetica/Inter जैसा लगता है, 12/16 कॉलम ग्रिड और समकोण।
• यदि आप IKB ब्लू चुनते हैं, तो उत्पन्न छवियां IKB ब्लू को एकमात्र एंक एंकर रंग के रूप में उपयोग करेंगी। यही बात लेमन येलो, लेमन ग्रीन या सेफ्टी ऑरेंज चुनने पर भी लागू होती है।
• टेक्स्ट भाषा डेक का अनुसरण करती है; चीनी डेक चीनी लेबल का उपयोग करते हैं, और अंग्रेजी डेज़ी डेक अंग्रेज़ी का।
• उत्पन्न छवियों में PPT शेल नहीं होता; उनमें हेडर, फुटर, पेज नंबर, हस्ताक्षर या सजावटी बॉर्डर नहीं होंगे।

यह विवरण सुनिश्चित करता है कि आपको पूरे डेक की दृश्य स्थिरता के बारे में चिंता करने की आवश्यकता नहीं।

आपको ऐसी डिस्कनेक्ट का सामना नहीं करना पड़ेगा जहाँ PPT IKB ब्लू है लेकिन चित्रण हरा है, और आपको PPT लिखते समय GPT-Image के लिए प्रॉम्प्ट समायोजित करने की आवश्यकता नहीं है।

टूल्स के बीच दृश्य बहाव वह छिपी हुई लागत है जिससे मैं पिछले दो वर्षों में AI का उपयोग करके सामग्री बनाते समय सबसे अधिक जूझ रहा हूँ। इसे Skill स्तर पर हल करने का मतलब है कि उपयोगकर्ता को एक कम चीज़ के बारे में चिंता करनी होगी।

इसे आपके लिए प्लेटफ़ॉर्म कवर बनाने

PPT खत्म होने के बाद, आपको पोस्ट करने से पहले तीन प्रारूपों को हल करना होता है: WeChat आधिकारिकारिक खाता 21:9 हेडर, Xiaohongshu 3:4 वर्टिकल इमेज और वीडियो खाता क्षैतिज कवर।

बस कहें: "इस PPT के मुख्य बिंदुओं के आधार पर, मुझे एक 3:4 Xiaohongshu कवर दें," या "मुझे एक 21:9 WeChat हेडर दें।" AI Skill के दृश्य नियमों के अनुसार छवियां उत्पन्न करेगा (समान थीम रंग, समान फ़ॉन्ट, एकल फोकस नियम)।

बैच करना भी संभव है। Xiaohongshu के कैरोसेल तंत्र के लिए, आप इसे एक साथ "एक समान शैली, सुसंगत फ़ॉन्ट आकार और विभिन्न लेआउट के साथ 6 छवियां बैच में उत्पन्न करने" के लिए कह सकते हैं।

WeChat विशेष है; हेडर 21:9 है, लेकिन शेयरिंग कार्ड 1:1 वर्गाकार छवि का उपय दोनों के बीच दृश्य निरंतरता होनी चाहिए।

इसे करने का तरीका है उन्हें दो बार उत्पन्न करना लेकिन समान रंगों और कॉपी का उपयोग करना:

• पहला 21:9 मुख्य हेडर में बाईं ओर मुख्य शीर्षक और दाईं ओर एक दृश्य एंकर है।
• दूसरी 1:1 वर्गाकार छवि शेयरिंग कार्ड के दृश्य विस्तार के रूप में कार्य करती है, जिसमें मुख्य तत्व हेडर को प्रतिध्वनित करते हैं।

मेरे दो सामान्यतः उपयोग किए जाने वाले लेआउट: ठोस पृष्ठभूमि + विशाल टेक्स्ट + कोने की तारीख, या बाईं ओर छवि और दाईं ओर टेक्स्ट के साथ विभाजित लेआउट।

कुछ चतुर विचार साझा करने लायक

विचार 1: "AI फील" से निपटने के लिए फिल्म बनावट का उपयोग

जब "एक व्यक्ति द्वारा उत्पाद बनाने" के बारे में एक शेयर लिखते हैं, तो आपको एक ऐसी छवि चाहिए जो "अकेले काम करने" की भावना व्यक्त करे। पहले, आप Unsplash पर आधा घंटा बिताते थे या एक स्पष्ट स्टॉक फोटो का उपयोग करते थे। अब, बस कहें: "देर रात के स्टूडियो में एक व्यक्ति के स्क्रीन के सामने की 16:10 डॉक्यूमेंट्री फोटो उत्पन्न करें, प्राकृतिक रोशनी, कम संतृप्ति, हल्का फिल्म ग्रेन, Fujifilm बनावट।"

परिणामी छवि में एक संयमित मानवीय गर्माहट रखती है और प्लास्टिक नहीं दिखती। मैंने इस निर्फैसले को references/image-prompts.md में लिखा है। फिल्म बनावट PPT चित्रण के लिए GPT-Image 2.0 का सबसे बड़ा मूल्य है; यह छवि से "AI-जनरेटेड" लेबल हटा देती है।

विचार 2: अजीब अनुपात वाले स्क्षेप वाले स्क्रीनशॉट को फिर से करना

कई क्रिएटर्स के पास कच्चे स्क्रीनशॉट होते हैं: उत UI, बैकएंड पेज, डेटा डैशबोर्ड, सभी अलग-अलग अनुपात और असंगत सफेद स्थान के साथ। उन्हें PPT में डालने से दृश्य प्रवाह बिगड़ जाता है। अब, बस मूल छवि को Codex में ड्रॉप करें: "इसे 16:10 में फिर से करें, सभी UI तत्वों को रखें, कुछ वास्तविक कार्य परिदृश्य वातावरण जोड़ें, मध्यम घनत्व।"

यह एक ऐसी छवि उत्पन्न करेगा जो PPT मानकों को पूरा करती है, सभी महत्वपूर्ण जानकारी बरकरार रखती है और पूरी तरह अनुपात और सफेद स्थान को पूरी तरह से एकीकृत करती है। यह उत्पाद समीक्षा सामग्री के लिए विशेष रूप से उपयोगी है।

विचार 3: PPT टेम्पलेट्स के साथ AI छवियों को "लपेटना"

यह एक उपयोग है जिसे मैंने स्वयं परीक्षण किया। यदि GPT-Image 2.0 की छवि अकेली भेजी जाती है, तो AI डिटेक्शन उपकरण संभवतः इसे फ्लैग करेंगे। इससे सोशल मीडिया पर अनुशंसा भार प्रभावित हो सकता है। लेकिन यदि आप उस छवि को PPT टेम्पलेट में डालते हैं और फिर पूरी चीज़ चीज़ करते हैं, तो परिणाम पूरी तरह से अलग होता है। यह मूल रूप से AI-जनरेटेड सामग्री को एक पूर्ण कार्य में इकट्ठा करता है, मानवीय निशान जोड़ता है। यह अभी भी आपकी रूपरेखा के तथ्यों पर आधारित अभिव्यक्ति है, कल्पना नहीं, बस एल्गोरिदम द्वारा गलत पहचाने जाने से बचता है।

यह अच्छा क्यों दिखता है

अंत में, डिज़ाइन दर्शन के बारे बारे में बात करते हैं। इस स्विस शैली के दृश्य नियम कहाँ से आए?

मैंने इसे Massimo Vignelli और Helvetica Forever जैसे दृश्य एंकर दिए—न्यू यॉर्क सबवे सिस्टम, Unimark और Müller-Brockmann से स्विस अंतर्राष्ट्रीयतावाद की परंपरा।

यदि आपने Helvetica Forever किताब खोली है या Vignelli द्वारा NY सबवे के लिए बनाया 1970 का साइनेज सिस्टम देखा है, तो आप इस भाषा को पहचान लेंगे। दोनों शैलियों की तुलना करने पर, अंतर तुरंत स्पष्ट हो जाता है:

सीधे शब्दों में कहें तो: शैली A कहानी कहानी सुनाने के लिए है; शैली B तथ्य बताने के लिए है।

7 डिज़ाइन अनुशासन

स्विस शैली के दृश्य नियम वास्तव में सिर्फ सात बिंदु हैं, प्रत्येक सौ साल पहले का एक उद्योग मानक है। मैंने उन्हें AI द्वारा निष्पादित करने के लिए Skill में लिखा है।

1. एकल एंकर रंग।** एक डेक में केवल एक हाइ हाइलाइट रंग की अनुमति है। यदि यह नीला है, तो केवल नीला है। कोई नीला-पीला कोलाज नहीं। यह स्विस शैली की आत्मा है। "कम अधिक है" सिर्फ एक नारा नहीं है; इसे कोड में एक हार्ड नियम के रूप में लिखा जाना चाहिए।

2. चरम फ़ॉन्ट आकार विरोधाभास। मुख्य शीर्षक और मुख्य टेक्स्ट का अनुपात कम से कम 8:1 है। कवर पर विशाल घोष्टापत्र min(11.6vw, 19vh) का उपयोग करता है, जबकि मुख्य टेक्स्ट 1.1vw है। दृश्य तनाव इस विरोधाभास द्वारा खींचा जाता है, सजावट से नहीं।

3. टेक्स्ट जितना बड़ा, उतना पतला। मुख्य शीर्षक font-weight 200 (ExtraLight) का उपयोग करते हैं, 700, 800 या 900 नहीं। स्विस शैली का बड़ा टेक्स्ट एक वास्तुशिल्प ब्लूप्रिंट पर पैमाने की तरह है; इसे देखा जाना चाहिए लेकिन जोर से नहीं।

4. समकोण और ठोस रंग। border-radius, box-shadow और linear-gradient सभी काट दिए गए हैं। सभी रंग ब्लॉक समकोण हैं, और सभी सीमाएँ 1px हेयरलाइन हैं। यह कठोर दिखता है, लेकिन "उपभोक्ता ऐप फील" या "SaaS टेम्पलेट फील" जो आप हर जगह देखते हैं, इन तीन विशेषताओं के दुरुपयोग से आता है।

5. ग्रिड सर्वोच्चता। 16px गैप के साथ 16-कॉलम ग्रिड। सभी तत्व ग्रिड से चिपकरते हैं, बाएं संरेखण और बड़े सफेद स्थान का उपयोग करके असममित सौंदर्यशास्त्र। कोई केंद्रीकरण नहीं, कोई समान वितरण नहीं।

6. कोई WebGL पृष्ठभूमि नहीं। शैली A एक सांस लेने का एहसास देने के लिए WebGL फ्लूइड का उपयोग करती है; स्विस शैली जानबूझकर इसे हटा देती है। शुद्ध सफेद इसकी पृष्ठभूमि है; कोई भी गतिशील पृष्ठभूमि एक व्याकुलता है।

समापन विचार

इस अपडेट का मूल एक प्रश्न का उत्तर देता है: सामग्री निर्माण में मानव-AI सहयोग की श्रृंखला कितनी लंबी है?

पिछले ओपन-सोर्स रिलीज़ के साथ, मैंने "PPT बनाने" वाला भाग पूरा किया। इस बार, मैंने सामने "चित्रण उत्पादन" और पीछे "मल्टी-प्लेटफ़ॉर्म कवर" जोड़ा जोड़ा। एक नई शैली और एक नया रंग लूप जोड़ने से पूरी श्रृंखला बंद हो जाती है। रूपरेखा लिखने से लेकर PPT, चित्रण, निर्यात और विभिन्न प्लेटफार्मों पर प्रकाशित करने तक—जिसके लिए पहले पांच सॉफ्टवेयर की आवश्यकता थी, वह अब एक वार्तालाप में किया जा सकता है।

जब बाजार में इतने सारे PPT Skills हैं, तो गुइज़ांग मास्टर का PPT Skill अभी भी इतना उपयोग और ध्यान क्यों प्राप्त कर रहा है?

AI केवल 70% काम ही कर सकता है। इन दोनों टेम्पलेट्स में प्रत्येक लेआउट मेरे द्वारा AI के ऊपर मैन्युअल फाइन-ट्यूनिंग के माध्यम से प्राप्त किया गया था। दूसरे शब्दों में, मैं प्राकृतिक भाषा का उपयोग करके डिज़ाइन कर रहा हूँ। AI युग में भी, 90 अंकों की सामग्री मूल्यवान बनी हुई है।

Skill को GitHub पर अपडेट किया गया है: github.com/op7418/guizang-ppt-skill

अपडेट विधि पिछली बार की तरान है। README में "AI के लिए इंस्टॉलेशन प्रॉम्प्ट" है। इसे कॉपी करके अपने Claude Code, Codex या किसी भी AI Agent में शेल अनुमतियों के साथ पेस्ट करें, और यह स्वचालचाल रूप से नवीनतम संस्करण खींचेगा। एक बार इंस्टॉल होने के बाद, "मेरे लिए एक स्विस-शैली PPT बनाओ" कहने से नई शैली ट्रिगर हो जाएगी।