विकास Skills

फ्रेमवर्क (OSS)। सुंदर, मूल-अनुभव वाली Expo स्क्रीन बनाएँ। इसमें Apple HIG स्टाइलिंग, सिमैंटिक रंग, मूल नियंत्रण, SF सिंबल, मीडिया, एनिमेशन, विज़ुअल इफ़ेक्ट, ग्रेडिएंट, स्टोरेज और रिस्पॉन्सिव लेआउट शामिल हैं। रूटिंग और नेविगेशन के लिए, expo-router स्किल का उपयोग करें।

फ्रेमवर्क (ओपन सोर्स)। एक्सपो राउटर के लिए नेविगेशन और रूटिंग। इसमें फ़ाइल-आधारित रूट, ग्रुप और डायनामिक रूट, फ़ोल्डर संगठन, प्रीव्यू और कॉन्टेक्स्ट मेन्यू के साथ लिंक, नेटिव स्टैक, पेज टाइटल, मॉडल और फॉर्म शीट, नेटिव टैब, हेडर और टूलबार, और हेडर सर्च बार शामिल हैं।

फ्रेमवर्क (OSS)। @expo/ui पैकेज के साथ नेटिव UI बनाएं: iOS पर वास्तविक SwiftUI और Android पर Jetpack Compose, जो Expo या React Native ऐप में React से रेंडर होता है। इसमें यूनिवर्सल क्रॉस-प्लेटफॉर्म कंपोनेंट (Host, Column, Row, Button, Text, List और @expo/ui से आयातित अन्य), लोकप्रिय React Native कम्युनिटी लाइब्रेरीज़ (BottomSheet, DateTimePicker, Slider, Menu, आदि) के ड्रॉप-इन रिप्लेसमेंट, और प्लेटफॉर्म-विशिष्ट SwiftUI (@expo/ui/swift-ui, केवल iOS) और Jetpack Compose शामिल हैं...

फ्रेमवर्क (ओपन सोर्स)। एक्सपो SDK संस्करणों को अपग्रेड करने और निर्भरता समस्याओं को ठीक करने के लिए दिशानिर्देश

भूमिका-आधारित अभिगम नियंत्रण वाली प्राधिकरण प्रणाली। उन सभी ऐप्स के लिए आवश्यक है जो व्यक्तिगत या अभिगम-प्रतिबंधित डेटा प्रबंधित करते हैं।

कोर इन्फ्रास्ट्रक्चर जो बैकएंड कनेक्शन कॉन्फ़िगरेशन, स्टोरेज क्लाइंट और React ऐप एंट्री पॉइंट प्रदान करता है।

Admin-only paginated viewer for stable canister state. Use whenever the user asks for a viewer, dashboard, debug panel, or admin browse over backend data — users, items, orders, logs, or any stable Map/Set/Array/VarArray/List/Stack/Queue. Pre-installed in every Caffeine app via the `caffeineai-data-viewer` mops package; this skill explains what it does and how to keep using it correctly.

बैकएंड कैनिस्टर द्वारा किए गए HTTP आउटकॉल (फ्रंटएंड में नहीं)।

सामान्य फ़ाइल/ऑब्जेक्ट स्टोरेज, जैसे छवियों, वीडियो, फ़ाइलों, दस्तावेज़ों और अन्य बल्क डेटा के लिए। इमेज गैलरी, वीडियो गैलरी और अन्य फ़ाइल या ऑब्जेक्ट प्रबंधन के लिए एकदम उपयुक्त। IC सीमा से परे बड़ी फ़ाइलों का समर्थन करता है, ब्राउज़र-कैश्ड HTTP URL एक्सेस के साथ।

MANDATORY recipe for every Caffeine build that calls OpenAI (ChatGPT, GPT-4o, an LLM, a chatbot, embeddings). The ONLY supported path is the `openai-client` mops package with a canister-side API-key bearer. Hand-rolling `ic.http_request` to `api.openai.com/v1/...` is a FORBIDDEN anti-pattern — it leaks the bearer across replicated outcalls (security + 13× billing impact), bypasses the typed request/response bindings, and forces hand-rolled JSON on a language with poor JSON support. Load this...

Make a canister's data queryable by the Caffeine Data Intelligence agent. Use whenever an app stores structured data (Maps/Lists/arrays of records) that should be answerable in natural language — "top customers", "revenue by region", "active projects". Adds a discoverable `schema()` and a JSON `execute()` query endpoint via the `caffeineai-oql` mops package's `Expose` mixin.

MANDATORY recipe for every Caffeine build that posts to X (Twitter). The ONLY supported path is the `x-client` mops package with OAuth 2.0 PKCE. Hand-rolling `ic.http_request` or `icBooking.http_request` calls to `api.x.com/2/tweets`, `api.x.com/2/oauth2/token`, or any other X endpoint is a FORBIDDEN anti-pattern — it bypasses bearer auth, replication-cost safeguards, and `x-client`'s null-field handling. Load this skill whenever the user, spec, or any prior task mentions tweeting,...

Quick reference for the Caffeine Data Intelligence agent to query an OQL-exposing canister (schema() + execute()) through the `icp` CLI against the project's `backend` canister: read the schema, form JSON queries (filter / order / paginate / aggregate / dotted-path edges), and parse the Candid result rows.

CRUD संचालन, प्रमाणीकरण निर्भरताएँ और उचित प्रतिक्रिया मॉडल के साथ FastAPI राउटर बनाएँ। REST API एंडपॉइंट बनाते समय, नए रूट बनाते समय, CRUD संचालन लागू करते समय, या FastAPI अनुप्रयोगों में प्रमाणित एंडपॉइंट जोड़ते समय उपयोग करें।

Fastify Node.js बैकएंड सर्वर और REST API को TypeScript या JavaScript का उपयोग करके विकसित करने का मार्गदर्शन करता है। इसका उपयोग Fastify एप्लिकेशन बनाने, कॉन्फ़िगर करने या डीबग करने के दौरान करें — जिसमें रूट परिभाषित करना, प्लगइन लागू करना, JSON Schema सत्यापन सेट करना, त्रुटियों को संभालना, प्रदर्शन को अनुकूलित करना, प्रमाणीकरण प्रबंधित करना, CORS और सुरक्षा हेडर कॉन्फ़िगर करना, डेटाबेस को एकीकृत करना, WebSockets के साथ काम करना और

फ्रंटएंड प्रोजेक्ट्स में पद्धति लागू करने के लिए आधिकारिक फीचर-स्लाइस्ड डिज़ाइन (FSD) v2.1 कौशल। उपयोग करें जब कार्य में FSD परतों के साथ प्रोजेक्ट संरचना को व्यवस्थित करना, यह तय करना कि कोड कहाँ रखा जाए, स्थिर संपत्तियाँ (चित्र, आइकन, फ़ॉन्ट, PDF) रखना, निकट से संबंधित स्लाइस को समूहित करना, सार्वजनिक API और आयात सीमाएँ परिभाषित करना, क्रॉस-आयात या @x पैटर्न का मूल्यांकन करना, यह तय करना कि कोई इकाई बनानी है या हटानी है, यह मूल्यांकन करना कि क्या entities परत की बिल्कुल आवश्यकता है, यह तय करना...

क्लॉड कोड को ffuf का उपयोग करके बुद्धिमान वेब फ़ज़िंग संचालन करने में सक्षम बनाता है, जिससे छिपी हुई निर्देशिकाओं, फ़ाइलों, उपडोमेन और API एंडपॉइंट्स की खोज आसान हो जाती है।

किसी codebase या UI में ऐसी जगहें खोजें जो animate नहीं होतीं लेकिन होनी चाहिए, और जो नहीं होनी चाहिए उन्हें reject करें। Read-only; यह सटीक मानों के साथ motion प्रस्तावित करता है, इसे implement नहीं करता। उपयोग करें जब उपयोगकर्ता पूछे "यहाँ क्या animate किया जा सकता है?" या "इसे और जीवंत बनाएँ" चाहता हो। मौजूदा animations को ठीक करने के लिए, इसके बजाय improve-animations या review-animations का उपयोग करें।

एक साथ सभी प्रमुख रजिस्ट्रियों — skills.sh, clawhub.ai और GitHub — पर खोज कर एजेंट स्किल्स खोजें, जांचें और इंस्टॉल करें, प्रत्येक बोर्ड को उसके मूल मीट्रिक (इंस्टॉल/स्टार्स) पर प्रस्तुत करें, प्रति बोर्ड शीर्ष प्रविष्टि दिखाएं, शीर्ष उम्मीदवारों के वास्तविक SKILL.md में जोखिमपूर्ण पैटर्न के लिए सुरक्षा स्कैन करें, और पहले से इंस्टॉल किए गए स्किल्स को चिह्नित करें। इसका उपयोग तब करें जब उपयोगकर्ता पू

जब कार्यान्वयन पूरा हो जाए, सभी परीक्षण पास हो जाएं, और आपको कार्य को एकीकृत करने का निर्णय लेना हो - मर्ज, PR या सफाई के लिए संरचित विकल्प प्रस्तुत करके विकास कार्य के पूरा होने का मार्गदर्शन करता है

Firebase Remote Config के लिए व्यापक मार्गदर्शिका, जिसमें टेम्पलेट प्रबंधन और SDK उपयोग शामिल है। इस कौशल का उपयोग तब करें जब उपयोगकर्ता को Remote Config सेट अप करने, फीचर फ्लैग प्रबंधित करने, या ऐप व्यवहार को गतिशील रूप से अपडेट करने में सहायता की आवश्यकता हो।

वार्प रस्ट कोडबेस में कंपाइलेशन त्रुटियों, लिंटिंग समस्याओं और टेस्ट विफलताओं को ठीक करें। प्रीसबमिट जांच, WASM-विशिष्ट त्रुटियों और विशिष्ट टेस्ट चलाने को शामिल करता है। उपयोग करें जब उपयोगकर्ता बिल्ड त्रुटियों, क्लिप्पी या fmt विफलताओं, टेस्ट विफलताओं का सामना करता है, या PR से पहले प्रीसबमिट चलाने या व्याख्या करने की आवश्यकता होती है।

जब उपयोगकर्ता मार्केटिंग उद्देश्यों के लिए एक मुफ्त टूल की योजना बनाना, मूल्यांकन करना या बनाना चाहता है — लीड जनरेशन, SEO मूल्य या ब्रांड जागरूकता। इसका उपयोग तब भी करें जब उपयोगकर्ता "इंजीनियरिंग ऐज़ मार्केटिंग," "फ्री टूल," "मार्केटिंग टूल," "कैलकुलेटर," "जनरेटर," "इंटरैक्टिव टूल," "लीड जेन टूल," "लीड्स के लिए टूल बनाएं," "फ्री रिसोर्स," "ROI कैलकुलेटर," "ग

अद्वितीय, उत्पादन-ग्रेड फ्रंटएंड इंटरफेस उत्पन्न करता है जो सामान्य AI सौंदर्यशास्त्र से बचता है।

विशिष्ट, गैर-सामान्य UI और डिज़ाइन एप्लिकेशन अच्छी तरह से तैयार करें, रणनीति-प्रथम दृष्टिकोण अपनाएं। प्रोजेक्ट (लैंडिंग पेज, SaaS ऐप, डैशबोर्ड, ई-कॉमर्स, प्रेजेंटेशन, डॉक्स, पोर्टफोलियो...) और उसकी स्थिति और व्यक्तित्व को पहचानें, ब्रांड विशेषणों पर प्रतिबद्ध रहें, उन्हें टाइपोग्राफी और रंग प्रणाली में अनुवादित करें, फिर क्राफ्ट लेयर (लेआउट, घटक और अवस्थ

विशिष्ट, उत्पादन-ग्रेड फ्रंटएंड इंटरफेस की समीक्षा करें और बनाएं, जिसमें उच्च डिज़ाइन गुणवत्ता और डिज़ाइन सिस्टम अनुपालन हो। तीन स्तंभों का उपयोग करके मूल्यांकन करता है: निर्बाध अंतर्दृष्टि-से-कार्रवाई, गुणवत्तापूर्ण शिल्प कौशल, और भरोसेमंद निर्माण। उपयोग करें: PR समीक्षा, डिज़ाइन समीक्षा, पहुंच-योग्यता ऑडिट, डिज़ाइन सिस्टम अनुपालन जांच, रचनात्मक फ्रंटएंड डिज़ाइन, UI कोड समीक्षा, घटक समीक्षा, रिस्पॉन्सिव डिज़ाइन जांच, थीम परीक्षण, और यादगार UI बनाने के लिए। उपयोग न करें: बैकएंड API समीक्षा, डेटाबेस स्कीमा समीक्षा, इंफ्रास्ट्रक्चर या DevOps कार्य, बिना UI के शुद्ध व्यावसायिक तर्क, या गैर-फ्रंटएंड कोड।

Tailwind CSS के साथ कस्टम थीमिंग, ग्लासमॉर्फिज्म इफेक्ट्स, और Framer Motion एनिमेशन का उपयोग करके डार्क-थीम वाले React एप्लिकेशन बनाएं। डैशबोर्ड, एडमिन पैनल, या डेटा-समृद्ध इंटरफेस बनाते समय उपयोग करें, जिनमें एक परिष्कृत डार्क सौंदर्य हो।

उत्पादन-गुणवत्ता वाले, सुलभ, उत्तरदायी उपयोगकर्ता-मुखी UI बनाता है। इसका उपयोग तब करें जब इंटरफेस और पेज बनाने या संशोधित करने, कंपोनेंट बनाने, लेआउट लागू करने, WCAG पहुंच आवश्यकताओं को पूरा करने, स्थिति प्रबंधित करने, या जब आउटपुट को AI-जनित के बजाय उत्पादन-गुणवत्ता वाला दिखना और महसूस होना चाहिए।

डिफ़ॉल्ट LLM ट्रंकेशन व्यवहार को ओवरराइड करता है। पूर्ण कोड जनरेशन लागू करता है, प्लेसहोल्डर पैटर्न पर प्रतिबंध लगाता है, और टोकन-सीमा विभाजन को साफ-सुथरे ढंग से संभालता है। किसी भी ऐसे कार्य पर लागू करें जिसमें संपूर्ण, असंक्षिप्त आउटपुट की आवश्यकता हो।

क्लॉड कोड में खतरनाक git कमांड (push, reset --hard, clean, branch -D, आदि) को निष्पादित होने से पहले रोकने के लिए हुक सेट करें। इसका उपयोग तब करें जब उपयोगकर्ता विनाशकारी git ऑपरेशन को रोकना चाहता है, git सुरक्षा हुक जोड़ना चाहता है, या क्लॉड कोड में git push/reset को ब्लॉक करना चाहता है।