Skills de Design e Frontend para o Claude Code

face-swap

2

Troque rostos ou personagens em vídeos ou imagens no RunComfy através da CLI `runcomfy`. Esta skill utiliza ferramentas da comunidade como Wan 2-2 Animate, GPT Image 2 Edit, Nano Banana Edit, Flux Kontext e Kling 2-6 Motion Control para diversas tarefas de troca e edição.

Design e Frontend por bg-szy

game-changing-features

2

Find 10x product opportunities and high-leverage features; use for product strategy, what to build next, or make this 10x better.

Design e Frontend #test por Dannykkh

bulma

2

Crie interfaces web responsivas com o framework CSS Bulma (v1.0.4). Esta skill abrange todas as funcionalidades do Bulma, incluindo classes, componentes, formulários, grid, layout, temas, modo escuro e personalização Sass.

Design e Frontend #css por Federicokalik

shipping-and-launch

2

Use when preparing to deploy to production. Use when you need a pre-launch checklist, when setting up monitoring, when planning a staged rollout, or when you need a rollback strategy.

Design e Frontend #ai #deploy por LLl0k0laD

brainrot-for-good

2

Produce high-retention, dopamine-aware video content using brainrot editing techniques — fast cuts, word-by-word captions, sound design, visual velocity, pattern interrupts — all in service of genuinely valuable content. The Fireship model: brainrot pacing meets real substance. Built on Remotion with Imagen/Veo for assets. Use when: (1) creating edutainment content that competes with brainrot for

Design e Frontend #ai #word por broomva

blueprint

2

Turn a one-line objective into a step-by-step construction plan for multi-session, multi-agent engineering projects. Each step has a self-contained context brief so a fresh agent can execute it cold. Includes adversarial review gate, dependency graph, parallel step detection, anti-pattern catalog, and plan mutation protocol. TRIGGER when: user requests a plan, blueprint, or roadmap for a complex m

Design e Frontend #ai #test por multiplex-ai

design-to-production

2

Fluxo de trabalho guiado para implementar protótipos de design HTML como componentes React de produção, com estilo glassmorphism e aplicação de padrões de qualidade. Utilize ao converter protótipos de design em código de produção.

Design e Frontend #react por bg-szy

Document design

2

This skill should be used when the user asks to "create a proposal", "design a report", "make a one-pager", "build a PDF", "create a newsletter", "design slides", "make event materials", "design a flyer", or needs help with print-ready HTML documents. Provides brand configuration, CSS patterns for print layout, and document design best practices.

Design e Frontend #css #pdf por bg-szy

bio-crispr-screens-base-editing-analysis

2

Analyzes base-editing screens for variant function. Covers library design (Sanson 2020 GRACE, Hanna 2021 BRCA1/2 SNV scanning, Cuella-Martin 2021), CBE vs ABE chemistry choice (BE3/BE4 vs ABE7.10/ABE8.20/ABE8e), editing-window math (positions 4-8 from PAM-distal end, wider for ABE8e), bystander-edit quantification and the variant-call ambiguity it creates, sgRNA-efficiency filtering before hit cal

Design e Frontend por bg-szy

seo-fundamentals

2

Auto-invoke when reviewing HTML head, meta tags, or Next.js page components. Enforces semantic HTML and search optimization.

Design e Frontend #seo por bg-szy

hyperframes

2

Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML. Use when asked to build any HTML-based video content, add captions or subtitles synced to audio, generate text-to-speech narration, create audio-reactive animation (beat sync, glow, pulse driven by music), add animated text highlighting (marker swee