awwwards singularity studio
Squad de elite para criação de landing pages e experiências web cinematográficas nível Awwwards. Pipeline end-to-end com 8 agentes: estratégia visual e metáfora, pesquisa de referências e tendências award-winning, copywriting de alta conversão, design system atômico com motion design, geração de imagens por IA, frontend developer com WebGL/GSAP/CSS scroll-driven animations, otimizador de performance e acessibilidade, e QA multi-dimensional alinhado aos critérios reais do Awwwards (Design 40%, Usability 30%, Creativity 20%, Content 10%). Entrega single-file HTML production-ready ou projeto Next.js completo. Scroll nativo do browser — sem Lenis ou inertial scroll.
awwwards-singularity-studio 🏆
Squad de elite para criação de landing pages e experiências web cinematográficas nível Awwwards. Pipeline end-to-end com 8 agentes especializados, harness v3, e QA alinhado aos critérios reais do júri.
What's Special
- Metaphor First Protocol — cada projeto começa com uma metáfora visual, não com código
- Scroll nativo — sem Lenis ou inertial scroll; respeita o browser do usuário
- CSS Scroll-Driven Animations como primeira opção (zero JS, GPU-accelerated)
- 4 modos de experiência: Cinematic (WebGL), Minimal (CSS nativo), Experimental (WebGPU), Hybrid (Tailwind+GSAP)
- QA simulando júri Awwwards — Design 40%, Usability 30%, Creativity 20%, Content 10%
- Single-file HTML production-ready como output padrão
- Harness v3 — doom loop detection, Ralph loop retry, filesystem collaboration, execution traces
Pipeline (8 Fases)
1. 🎭 Strategist → Discovery, metáfora visual, seleção de stack
2. 🔍 Researcher → Referências award-winning, tendências 2025-2026
3. ✍️ Copywriter → Copy confiante de alta conversão (zero lorem ipsum)
4. 🎨 Designer → Design tokens, motion choreography, layouts
5. 🖼️ Illustrator → Hero images, visuais, texturas via IA (Nano Banana Pro)
6. ⚡ Developer → Implementação: WebGL, GSAP, CSS scroll-driven, View Transitions
7. 🚀 Optimizer → 60fps, Core Web Vitals, WCAG AA, bundle optimization
8. ⚖️ Reviewer → Score Awwwards simulado com feedback acionável
Quick Start
# Pipeline completo
*run-workflow awwwards-singularity-studio full-experience-pipeline
# Apenas discovery
*run-workflow awwwards-singularity-studio discovery-flow
# Apenas build + otimização
*run-workflow awwwards-singularity-studio build-pipeline
# Apenas QA scoring
*run-workflow awwwards-singularity-studio qa-gateCommands
| Command | Description |
|---|---|
*discover-vision | Conduzir discovery e extrair visão do cliente |
*define-metaphor | Definir metáfora visual para o projeto |
*select-stack | Selecionar tech stack e modo de experiência |
*find-references | Buscar referências award-winning |
*write-section | Escrever copy de uma seção |
*create-tokens | Criar design tokens |
*define-motion | Definir coreografia de motion |
*generate-hero | Gerar visual do hero via IA |
*setup-project | Setup do projeto |
*build-hero | Implementar hero section |
*build-section | Implementar uma seção |
*assemble-page | Montar página completa |
*audit-performance | Auditar performance |
*audit-accessibility | Auditar acessibilidade |
*score-design | Avaliar critério Design |
*final-verdict | Score Awwwards final |
Experience Modes
| Mode | Stack | Best For |
|---|---|---|
| Cinematic | Three.js + GSAP + ScrollTrigger | Luxury brands, agencies, portfolios |
| Minimal | CSS Scroll-Driven + WAAPI | Professional services, content sites |
| Experimental | WebGL/WebGPU + Audio API | Art portfolios, creative campaigns |
| Hybrid | Tailwind (customized) + GSAP | Corporate, e-commerce |
Scoring Thresholds
| Score | Result |
|---|---|
| 8.5-10.0 | 🏆 SOTD Competitive |
| 7.0-8.4 | 🏅 Honorable Mention |
| 5.0-6.9 | ⚠️ Needs Work |
| < 5.0 | ❌ Not Ready |
Integrates With
- Skill: — reference docs for metaphors, motion, design system, copy
~/.claude/skills/awwwards-singularity/
- Squad:
sales-funnel-masters— copywriting experts for landing page sections - Squad:
brandcraft— design token extraction from existing brand URLs - MCP:
nano-banana-pro— AI image generation for hero and section visuals
Author
Luiz Gustavo Vieira Rodrigues (@gutomec)
License
MIT
समीक्षाएँ
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
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.
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