brandcraft
Squad para extração de design systems de URLs, criação de documentos brand-consistent (PDF, PPTX, carousels, social cards, vídeos programáticos) e melhoria de PDFs existentes. Pipeline com 9 agentes especializados: orquestração, extração de tokens visuais, gerenciamento de templates, renderização HTML→PDF/PNG via Puppeteer, criação de PPTX via PptxGenJS, composição de vídeos via Remotion (React→MP4/WebM), geração de imagens por IA, refinamento de PDFs existentes e validação de consistência de marca.
BrandCraft Squad
डिज़ाइन सिस्टम निष्कर्षण, ब्रांड-संगत दस्तावेज़ निर्माण और मौजूदा PDF सुधार के लिए AIOS Squad।
संस्करण: 1.0.0 | उपसर्ग: brandcraft | एजेंट: 8 | कार्य: 31 | वर्कफ़्लो: 4
अवलोकन
BrandCraft 8 विशेषज्ञ एजेंटों का एक squad है जो एक पूर्ण पाइपलाइन का संचालन करता है:
- किसी भी URL से डिज़ाइन सिस्टम निकालें (रंग, टाइपोग्राफी, स्पेसिंग, लोगो)
- पुन: प्रयोज्य टेम्पलेट के रूप में सहेजें (YAML frontmatter के साथ
.md) - ब्रांड-संगत दस्तावेज़ बनाएं: PDF, PNG, Instagram कैरोसेल, सोशल कार्ड
- डिज़ाइन टोकन के साथ PPTX प्रस्तुतियाँ बनाएं
- AI MCP के माध्यम से ब्रांड-संगत छवियाँ बनाएं (nano-banana-pro, dalle3, आदि)
- चुने हुए डिज़ाइन सिस्टम के साथ मौजूदा PDF सुधारें
एजेंट
| # | ID | नाम | आर्कीटाइप | भूमिका |
|---|---|---|---|---|
| 1 | bc-orchestrator | Maestro | Flow_Master | पाइपलाइन ऑर्केस्ट्रेशन, टेम्पलेट चयन, उपयोगकर्ता इंटरैक्शन |
| 2 | bc-extractor | Prober | Explorer | URL से डिज़ाइन सिस्टम निकालता है (रंग, फ़ॉन्ट, स्पेसिंग, लोगो) |
| 3 | bc-templater | Vault | Builder | टेम्पलेट लाइब्रेरी प्रबंधन, CSS कस्टम प्रॉपर्टीज़ जनरेट करता है |
| 4 | bc-renderer | Forge | Builder | HTML टेम्पलेट बनाता है, Puppeteer के माध्यम से PDF/PNG रेंडर करता है |
| 5 | bc-presenter | Canvas | Builder | डिज़ाइन टोकन के साथ PptxGenJS के माध्यम से PPTX बनाता है |
| 6 | bc-illustrator | Brush | Builder | AI MCP के माध्यम से ब्रांड-संगत छवियाँ बनाता है |
| 7 | bc-refiner | Scribe | Explorer | मौजूदा PDF पढ़ता है, सामग्री निकालता है, markdown में रूपांतरित करता है |
| 8 | bc-inspector | Gauge | Guardian | ब्रांड संगतता, लेआउट और गुणवत्ता को मान्य करता है |
पाइपलाइन
1. डिज़ाइन सिस्टम निकालें और सहेजें
URL → Prober (विश्लेषण + टोकन + लोगो) → Vault (टेम्पलेट सहेजता है)
कमांड: *extract-design-system
अवधि: 15-25 मिनट
2. दस्तावेज़ बनाएं
Maestro (चयन) → Vault (टेम्पलेट + CSS) → Brush (छवियाँ) → Forge (HTML→PDF/PNG) → Gauge (QA)
कमांड: *create-document, *create-pdf, *create-carousel, *create-social-card
अवधि: 30-60 मिनट
3. प्रस्तुति बनाएं
Maestro (चयन) → Vault (टोकन) → Canvas (लेआउट + PPTX) → Brush (छवियाँ) → Gauge (QA)
कमांड: *create-pptx, *create-presentation
अवधि: 30-45 मिनट
4. मौजूदा PDF सुधारें
Scribe (PDF पढ़ता है → markdown) → Maestro (चयन) → Vault (टेम्पलेट) → Forge (पुन: रेंडर) → Gauge (QA)
कमांड: *improve-pdf, *redesign-document
अवधि: 30-45 मिनट
समर्थित प्रारूप
| प्रारूप | आयाम | तकनीक |
|---|---|---|
| report-a4 | 210mm x 297mm | Puppeteer PDF |
| slides-16-9 | 254mm x 143mm | Puppeteer PDF |
| carousel-instagram | 1080x1080px या 1080x1350px | Puppeteer स्क्रीनशॉट PNG |
| card-social | 1200x630px | Puppeteer स्क्रीनशॉट PNG |
| pptx | 10in x 5.625in (16:9) | PptxGenJS |
टेम्पलेट प्रारूप
टेम्पलेट डिज़ाइन टोकन वाले YAML frontmatter के साथ .md फ़ाइलें हैं:
---
name: "acme-corp"
description: "acme.com से निकाला गया डिज़ाइन सिस्टम"
source_url: "https://www.acme.com"
extracted_at: "2026-02-24T14:30:00Z"
version: "1.0.0"
tokens:
colors:
primary: "#1a73e8"
secondary: "#34a853"
background: "#ffffff"
text_primary: "#202124"
typography:
font_heading: "'Inter', sans-serif"
font_body: "'Source Sans Pro', sans-serif"
size_h1: "2.5rem"
size_body: "1rem"
spacing:
sm: "8px"
md: "16px"
lg: "24px"
logos:
primary: "assets/acme-corp/logo.svg"
---
# Acme Corp — डिज़ाइन सिस्टम
...विस्तृत दस्तावेज़ीकरण...निर्भरताएं
Node.js
| पैकेज | संस्करण | उद्देश्य |
|---|---|---|
| puppeteer | ^23.0.0 | HTML → PDF/PNG |
| marked | ^15.0.0 | Markdown → HTML |
| pptxgenjs | ^3.12.0 | PPTX जनरेशन |
| pdf-parse | ^1.1.1 | PDF रीडिंग |
| gray-matter | ^4.0.3 | YAML frontmatter पार्सिंग |
| cheerio | ^1.0.0 | निष्कर्षण के लिए HTML पार्सिंग |
MCP उपकरण
| उपकरण | प्रकार | उपयोग |
|---|---|---|
| nano-banana-pro | आवश्यक | छवि जनरेशन और संपादन (Google Gemini) |
| dalle3 | वैकल्पिक | वैकल्पिक छवि जनरेशन (GPT Image) |
| fal-video | वैकल्पिक | Imagen4, Ideogram, Recraft, SD3.5 |
| flux | वैकल्पिक | उच्च प्रॉम्प्ट पालन |
संरचना
squads/brandcraft/ ├── squad.yaml # मैनिफ़ेस्ट ├── README.md # दस्तावेज़ (PT-BR) ├── agents/ # 8 एजेंट ├── tasks/ # 31 कार्य ├── workflows/ # 4 वर्कफ़्लो ├── config/ # 3 कॉन्फ़िगरेशन ├── checklists/ # 3 चेकलिस्ट ├── templates/ # 2 टेम्पलेट + assets/ └── scripts/ # 2 स्क्रिप्ट (render.js, create-pptx.js)
पूर्वापेक्षाएं
- Node.js 18+ इंस्टॉल
- Claude Code MCP सर्वर एक्सेस के साथ
Node.js निर्भरताएं इंस्टॉल करना
Node.js निर्भरताएं Squad डायरेक्टरी के अंदर इंस्टॉल होती हैं:
cd squads/brandcraft
npm installयह Squad के package.json में सूचीबद्ध सभी पैकेजों को स्वचालित रूप से इंस्टॉल करता है:
| पैकेज | संस्करण | उद्देश्य |
|---|---|---|
| puppeteer | ^23.0.0 | HTML → PDF/PNG |
| marked | ^15.0.0 | Markdown → HTML |
| pptxgenjs | ^3.12.0 | PPTX जनरेशन |
| pdf-parse | ^1.1.1 | PDF रीडिंग |
| gray-matter | ^4.0.3 | YAML frontmatter पार्सिंग |
| cheerio | ^1.0.0 | निष्कर्षण के लिए HTML पार्सिंग |
MCP सर्वर कॉन्फ़िगरेशन
BrandCraft को इमेज जनरेशन के लिए nano-banana-pro MCP (Google Gemini) की आवश्यकता है। कॉन्फ़िगरेशन IDE के अनुसार भिन्न होता है।
चरण 1: GEMINI_API_KEY प्राप्त करें
- Google AI Studio पर जाएं
- एक Google Cloud प्रोजेक्ट बनाएं या चुनें
- एक API कुंजी जनरेट करें
- कुंजी कॉपी करें (प्रारूप:
AIzaSy...) - अपने shell में एक्सपोर्ट करें:
export GEMINI_API_KEY="आपकी_कुंजी_यहां"स्थायी बनाने के लिए,
~/.zshrc
~/.bashrc
चरण 2: MCP सर्वर कॉन्फ़िगर करें
Claude Code (अनुशंसित)
विकल्प A — CLI के माध्यम से (अनुशंसित):
claude mcp add --transport stdio --scope project \
--env GEMINI_API_KEY=${GEMINI_API_KEY} \
nano-banana-pro -- npx -y @rafarafarafa/nano-banana-pro-mcpयह स्वचालित रूप से प्रोजेक्ट रूट में project स्कोप के साथ .mcp.json फ़ाइल बनाता है (git के माध्यम से टीम के साथ साझा)।
विकल्प B — .mcp.json मैन्युअल रूप से एडिट करें:
प्रोजेक्ट रूट में .mcp.json फ़ाइल बनाएं या एडिट करें:
{
"mcpServers": {
"nano-banana-pro": {
"type": "stdio",
"command": "npx",
"args": ["-y", "@rafarafarafa/nano-banana-pro-mcp"],
"env": {
"GEMINI_API_KEY": "${GEMINI_API_KEY}"
}
}
}
}
${GEMINI_API_KEY}सिंटैक्स स्वचालित रूप से एनवायरनमेंट वैरिएबल को विस्तारित करता है — secrets कमिट करने से बचने के लिए कुंजी सीधे फ़ाइल में न रखें।
Antigravity (Google)
Antigravity में बिल्ट-इन MCP Store है:
- Antigravity में MCP Store पैनल खोलें
- "nano-banana-pro" खोजें
- Install पर क्लिक करें
- प्रॉम्प्ट किए जाने पर
GEMINI_API_KEYवैरिएबल कॉन्फ़िगर करें
Cursor
प्रोजेक्ट में
.cursor/mcp.json
{
"mcpServers": {
"nano-banana-pro": {
"command": "npx",
"args": ["-y", "@rafarafarafa/nano-banana-pro-mcp"],
"env": {
"GEMINI_API_KEY": "${GEMINI_API_KEY}"
}
}
}
}Windsurf / Codex / अन्य IDEs
MCP सपोर्ट वाले अधिकांश IDEs प्रोजेक्ट रूट में मानक .mcp.json प्रारूप का उपयोग करते हैं। कॉन्फ़िगरेशन फ़ाइल की सटीक स्थिति के लिए अपने IDE की डॉक्यूमेंटेशन देखें।
वैकल्पिक MCP
| MCP | NPX पैकेज | एनवायरनमेंट वैरिएबल | उद्देश्य |
|---|---|---|---|
| dalle3 | dalle3-mcp | OPENAI_API_KEY | वैकल्पिक छवि जनरेशन (GPT Image) |
| fal-video | fal-video-mcp | FAL_KEY | Imagen4, Ideogram, Recraft, SD3.5 |
| flux | flux-mcp | REPLICATE_API_TOKEN | उच्च प्रॉम्प्ट पालन |
कॉन्फ़िगरेशन समान पैटर्न का अनुसरण करता है — प्रोजेक्ट के .mcp.json में जोड़ें या claude mcp add --scope project का उपयोग करें।
सत्यापन
कॉन्फ़िगर करने के बाद, IDE पुनः आरंभ करें और सत्यापित करें:
# Claude Code में — कॉन्फ़िगर किए गए MCPs की सूची
claude mcp list
# Claude Code के अंदर — स्थिति जांचें
/mcpmcp__nano-banana-pro__* उपकरण उपलब्ध होने चाहिए। परीक्षण करें: "nano-banana-pro से एक टेस्ट इमेज जनरेट करें"।
गुणवत्ता
bc-inspector (Gauge) भारित स्कोरिंग के साथ प्रत्येक जनरेट किए गए दस्तावेज़ को मान्य करता है:
| आयाम | भार |
|---|---|
| टोकन अनुप्रयोग (रंग, टाइपोग्राफी) | 40% |
| लेआउट और आयाम | 30% |
| छवि संगतता | 30% |
निर्णय: PASS (>=80) | CONCERNS (60-79) | FAIL (<60)
Synkra AIOS — BrandCraft Squad v1.0.0
समीक्षाएँ
0 समीक्षाएँअभी तक कोई समीक्षा नहीं। इस स्क्वॉड की पहली समीक्षा लिखें!
More from Luiz Rodrigues
aios forge squad
Squad supremo de desenvolvimento, otimização e evolução do AIOS — domínio total do framework, Claude Code e auto-atualização contínua. Capaz de criar, validar, otimizar e modernizar qualquer artefato AIOS.
ultimate landingpage
Squad fullstack para criação de landing pages de ultra-alta conversão. Pipeline end-to-end com 9 agentes especializados: discovery de produto, pesquisa de mercado e experts de copywriting, design system atômico com contraste WCAG AAA e light/dark, geração de imagens por IA, frontend Next.js com SEO perfeito e acessibilidade WCAG AAA, backend Python FastAPI com admin panel e exportação CSV, integrações com WhatsApp (evolution-api) e email (MCP), e QA multi-dimensional com score por dimensão.
nirvana squad creator
Gera squads AIOS otimizados a partir de linguagem natural — pipeline de 9 fases com análise, geração, otimização, validação, README multi-idioma, deploy e publicação no squads.sh
data quality guardian
Squad especialista em qualidade de dados — profiling de datasets, detecção de anomalias, validação de schemas, geração de relatórios de qualidade e sugestão de remediações automatizadas para pipelines de dados
notebooklm automation
Automação programática completa do Google NotebookLM — da criação de notebooks à geração de podcasts, vídeos, slides e quizzes, orquestrada por pipeline inteligente
incident response squad
Squad especialista em resposta a incidentes para DevOps/SRE — análise de logs, correlação de causa raiz, execução de runbooks, comunicação de status e geração de post-mortems blameless
adaptive tutor k12
Squad especialista em tutoria adaptativa K-12 — avaliação diagnóstica, mapeamento curricular personalizado, sessões de tutoria com dificuldade adaptativa, rastreamento de progresso e relatórios para pais e educadores
nirvana readme architect
Squad de geração de README.md perfeito e impecável, combinando análise profunda de codebase, seleção de template por tipo de projeto, todas as features do GitHub Flavored Markdown, validação com checklist de 25+ pontos e polimento final com badges e TOC.
soc alert triage
Squad especialista em triagem de alertas SOC para cybersecurity — classificação automatizada, filtragem de falsos positivos, priorização de ameaças, enriquecimento com threat intel e geração de briefs para analistas
resume screener squad
Squad especialista em triagem de currículos para recrutamento — parsing automatizado de CVs, matching de skills com requisitos da vaga, auditoria de vieses, ranking de candidatos e geração de resumos executivos para hiring managers
automated code review squad
Squad especialista em code review automatizado — revisão de segurança, análise lógica, verificação de padrões arquiteturais, enforcement de coding standards e geração de review summaries priorizados para PRs e commits