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.

51installs
SAFE
brand-extractiondesign-systempdf-generationpptx-generationvideo-generationremotionmotion-graphicsreelscarouselsocial-cardspuppeteerimage-generationbrand-consistencydocument-creationtemplate-management
स्क्वॉड तृतीय पक्षों द्वारा प्रकाशित होते हैं। squads.sh उनकी सुरक्षा या कार्यक्षमता की गारंटी नहीं देता। अपने जोखिम पर उपयोग करें। शर्तें पढ़ें
99 एजेंट
3737 टास्क
55 वर्कफ़्लो

BrandCraft Squad

डिज़ाइन सिस्टम निष्कर्षण, ब्रांड-संगत दस्तावेज़ निर्माण और मौजूदा PDF सुधार के लिए AIOS Squad।

संस्करण: 1.0.0 | उपसर्ग: brandcraft | एजेंट: 8 | कार्य: 31 | वर्कफ़्लो: 4


अवलोकन

BrandCraft 8 विशेषज्ञ एजेंटों का एक squad है जो एक पूर्ण पाइपलाइन का संचालन करता है:

  1. किसी भी URL से डिज़ाइन सिस्टम निकालें (रंग, टाइपोग्राफी, स्पेसिंग, लोगो)
  2. पुन: प्रयोज्य टेम्पलेट के रूप में सहेजें (YAML frontmatter के साथ .md)
  3. ब्रांड-संगत दस्तावेज़ बनाएं: PDF, PNG, Instagram कैरोसेल, सोशल कार्ड
  4. डिज़ाइन टोकन के साथ PPTX प्रस्तुतियाँ बनाएं
  5. AI MCP के माध्यम से ब्रांड-संगत छवियाँ बनाएं (nano-banana-pro, dalle3, आदि)
  6. चुने हुए डिज़ाइन सिस्टम के साथ मौजूदा PDF सुधारें

एजेंट

#IDनामआर्कीटाइपभूमिका
1bc-orchestratorMaestroFlow_Masterपाइपलाइन ऑर्केस्ट्रेशन, टेम्पलेट चयन, उपयोगकर्ता इंटरैक्शन
2bc-extractorProberExplorerURL से डिज़ाइन सिस्टम निकालता है (रंग, फ़ॉन्ट, स्पेसिंग, लोगो)
3bc-templaterVaultBuilderटेम्पलेट लाइब्रेरी प्रबंधन, CSS कस्टम प्रॉपर्टीज़ जनरेट करता है
4bc-rendererForgeBuilderHTML टेम्पलेट बनाता है, Puppeteer के माध्यम से PDF/PNG रेंडर करता है
5bc-presenterCanvasBuilderडिज़ाइन टोकन के साथ PptxGenJS के माध्यम से PPTX बनाता है
6bc-illustratorBrushBuilderAI MCP के माध्यम से ब्रांड-संगत छवियाँ बनाता है
7bc-refinerScribeExplorerमौजूदा PDF पढ़ता है, सामग्री निकालता है, markdown में रूपांतरित करता है
8bc-inspectorGaugeGuardianब्रांड संगतता, लेआउट और गुणवत्ता को मान्य करता है

पाइपलाइन

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-a4210mm x 297mmPuppeteer PDF
slides-16-9254mm x 143mmPuppeteer PDF
carousel-instagram1080x1080px या 1080x1350pxPuppeteer स्क्रीनशॉट PNG
card-social1200x630pxPuppeteer स्क्रीनशॉट PNG
pptx10in x 5.625in (16:9)PptxGenJS

टेम्पलेट प्रारूप

टेम्पलेट डिज़ाइन टोकन वाले YAML frontmatter के साथ .md फ़ाइलें हैं:

yaml
---
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.0HTML → PDF/PNG
marked^15.0.0Markdown → HTML
pptxgenjs^3.12.0PPTX जनरेशन
pdf-parse^1.1.1PDF रीडिंग
gray-matter^4.0.3YAML 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 डायरेक्टरी के अंदर इंस्टॉल होती हैं:

bash
cd squads/brandcraft
npm install

यह Squad के package.json में सूचीबद्ध सभी पैकेजों को स्वचालित रूप से इंस्टॉल करता है:

पैकेजसंस्करणउद्देश्य
puppeteer^23.0.0HTML → PDF/PNG
marked^15.0.0Markdown → HTML
pptxgenjs^3.12.0PPTX जनरेशन
pdf-parse^1.1.1PDF रीडिंग
gray-matter^4.0.3YAML frontmatter पार्सिंग
cheerio^1.0.0निष्कर्षण के लिए HTML पार्सिंग

MCP सर्वर कॉन्फ़िगरेशन

BrandCraft को इमेज जनरेशन के लिए nano-banana-pro MCP (Google Gemini) की आवश्यकता है। कॉन्फ़िगरेशन IDE के अनुसार भिन्न होता है।

चरण 1: GEMINI_API_KEY प्राप्त करें

  1. Google AI Studio पर जाएं
  2. एक Google Cloud प्रोजेक्ट बनाएं या चुनें
  3. एक API कुंजी जनरेट करें
  4. कुंजी कॉपी करें (प्रारूप: AIzaSy...)
  5. अपने shell में एक्सपोर्ट करें:
bash
export GEMINI_API_KEY="आपकी_कुंजी_यहां"

स्थायी बनाने के लिए,

~/.zshrc
या
~/.bashrc
में जोड़ें।

चरण 2: MCP सर्वर कॉन्फ़िगर करें

Claude Code (अनुशंसित)

विकल्प A — CLI के माध्यम से (अनुशंसित):

bash
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 फ़ाइल बनाएं या एडिट करें:

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 है:

  1. Antigravity में MCP Store पैनल खोलें
  2. "nano-banana-pro" खोजें
  3. Install पर क्लिक करें
  4. प्रॉम्प्ट किए जाने पर GEMINI_API_KEY वैरिएबल कॉन्फ़िगर करें

Cursor

प्रोजेक्ट में

.cursor/mcp.json
बनाएं या एडिट करें:

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

MCPNPX पैकेजएनवायरनमेंट वैरिएबलउद्देश्य
dalle3dalle3-mcpOPENAI_API_KEYवैकल्पिक छवि जनरेशन (GPT Image)
fal-videofal-video-mcpFAL_KEYImagen4, Ideogram, Recraft, SD3.5
fluxflux-mcpREPLICATE_API_TOKENउच्च प्रॉम्प्ट पालन

कॉन्फ़िगरेशन समान पैटर्न का अनुसरण करता है — प्रोजेक्ट के .mcp.json में जोड़ें या claude mcp add --scope project का उपयोग करें।

सत्यापन

कॉन्फ़िगर करने के बाद, IDE पुनः आरंभ करें और सत्यापित करें:

bash
# Claude Code में — कॉन्फ़िगर किए गए MCPs की सूची
claude mcp list

# Claude Code के अंदर — स्थिति जांचें
/mcp

mcp__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.

149
2View →

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.

143
3View →

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

53
3View →

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

50
1View →

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

42
2View →

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

42
1View →

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

34
2View →

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.

34
1View →

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

33
1View →

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

32
2View →

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

22
1View →