Communitygithub.com

eddiebelaval/squire

Práticas recomendadas para Remotion – Criação de vídeos em React

O que é squire?

Este skill fornece um conjunto abrangente de práticas recomendadas para o desenvolvimento com Remotion, a biblioteca de criação de vídeos em React. Ele oferece orientações detalhadas e exemplos de código para diversos aspectos da produção de vídeos, incluindo animações, composições, áudio, legendas, transições e integração com ferramentas como TailwindCSS e Three.js. O skill é especialmente útil para desenvolvedores que trabalham com Remotion, pois centraliza o conhecimento específico do domínio em arquivos de regras organizados por tópico. Ele funciona como um guia de referência rápida, orientando o fluxo de trabalho principal: análise do contexto, validação de pré-requisitos, execução da operação, verificação dos resultados e relatório final.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/eddiebelaval/squire/tree/HEAD/skills/remotion

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Fluxos de Trabalho Principais

Fluxo 1: Ação Primária

  1. Analise a entrada e o contexto
  2. Valide se os pré-requisitos foram atendidos
  3. Execute a operação principal
  4. Verifique se a saída atende às expectativas
  5. Relate os resultados

Quando usar

Use este skill sempre que estiver lidando com código Remotion para obter conhecimento específico do domínio.

Como usar

Leia os arquivos de regras individuais para obter explicações detalhadas e exemplos de código:

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

eddiebelaval/squire

The ultimate landing page builder. Through a conversational interview, autonomously produces a complete, deployable Next.js landing page with TypeScript, Tailwind CSS, SEO metadata, JSON-LD structured data, and conversion-optimized copy. Consolidates intelligence from landing-page-designer, copywriting, page-cro, form-cro, schema-markup, seo-audit, layout-designer, ab-test-designer, and more. Use when the user says "build a landing page," "create a landing page," "I need a landing page for," or "build me a page for [product]." For optimizing an EXISTING landing page, use landing-page-optimizer or page-cro instead.

eddiebelaval/squire

Optimize landing pages for maximum conversion through copy, design, and UX improvements

eddiebelaval/squire

When the user wants to plan a product launch, feature announcement, or release strategy. Also use when the user mentions 'launch,' 'Product Hunt,' 'feature release,' 'announcement,' 'go-to-market,' 'beta launch,' 'early access,' 'waitlist,' or 'product update.' This skill covers phased launches, channel strategy, and ongoing launch momentum.

eddiebelaval/squire

When the user wants to optimize signup, registration, account creation, or trial activation flows. Also use when the user mentions "signup conversions," "registration friction," "signup form optimization," "free trial signup," "reduce signup dropoff," or "account creation flow." For post-signup onboarding, see onboarding-cro. For lead capture forms (not account creation), see form-cro.

Habilidades Relacionadas