Browse skills

Cria e mantém o contexto de criativos — Figma, brand kit, formatos ativos, geradores configurados e restrições. Use quando o usuário disser "configurar criativos", "setup do social", "cadastrar a marca", "qual o design system", "iniciar campanha", ou quando qualquer skill deste plugin não encontrar .claude/pwdev-social-context.md. É a fundação: toda skill lê este arquivo antes de perguntar.

The English summary is being prepared. Showing the original description.

Monta peça única de feed — quote card, card de dado, capa, anúncio estático, imagem de link. Use quando o usuário disser "post", "card", "peça do feed", "imagem do post", "arte para o LinkedIn", "criativo estático", "quote card", "card de dado". Para sequência ver carousel-builder; para vertical ver story-reels.

The English summary is being prepared. Showing the original description.

Arquiva briefs, peças e aprendizados no Obsidian (pasta local) e no Notion (via MCP). Use quando o usuário disser "salvar no Obsidian", "arquivar", "registrar no Notion", "biblioteca de peças", "documentar a campanha", "onde ficou aquela peça". Obsidian é filesystem direto — não precisa de MCP.

The English summary is being prepared. Showing the original description.

Bidirectional Figma skill — read designs and write back to Figma. READ: extract tokens, map Vue/Reka UI components, translate Auto Layout to Tailwind. WRITE: push components, screens, and design tokens from code to Figma. Requires /figma:figma-use skill before every use_figma call.

The English summary is being prepared. Showing the original description.

Definition, documentation, and application of design tokens for Vue 3 + shadcn-vue. Use when configuring a new project, extracting tokens from Figma, or ensuring token consistency across Vue components.

The English summary is being prepared. Showing the original description.

Gera imagem por IA via Ideogram, Leonardo ou Flux usando os scripts do plugin, ou entrega o prompt otimizado quando não há chave. Use quando o usuário disser "gerar imagem", "criar ilustração", "imagem por IA", "Ideogram", "Leonardo", "Flux", "preciso de uma foto que não temos", ou quando creative-concept marcar um ativo como "gerar". Skill central deste plugin. Toda chamada gasta crédito e exige confirmação prévia.

The English summary is being prepared. Showing the original description.

Exporta peças aprovadas do Figma e monta o pacote de entrega — arquivos nomeados, legendas, texto alternativo e instruções de publicação. Use quando o usuário disser "exportar", "baixar as peças", "pacote final", "entregar para publicação", "handoff", "mandar para o social". Só exporta o que passou na revisão.

The English summary is being prepared. Showing the original description.

Monta peças verticais 9:16 — story, reels, shorts, TikTok — respeitando as áreas seguras da interface. Use quando o usuário disser "story", "reels", "shorts", "vertical", "9:16", "TikTok", "capa de reels", "template de story". A restrição dominante aqui é a UI do app, que cobre topo, base e lateral.

The English summary is being prepared. Showing the original description.

Canonical design token registry — colors, typography, spacing, sizing, border radius, shadows, z-index, breakpoints, motion, and focus tokens. Used by ui-best-practices rules and all agents that implement or review UI components. Includes CSS variable template for quick project setup.

The English summary is being prepared. Showing the original description.

Compõe a peça final no Figma sobre os ativos gerados — texto, marca, layout e grid. Camada OPCIONAL: use quando houver Figma conectado e o time precisar do arquivo editável. Dispara em "montar no Figma", "compor a peça", "colocar o texto na imagem", "aplicar a marca", "arquivo editável". Sem Figma, entrega especificação de composição.

The English summary is being prepared. Showing the original description.

Audita criativo antes da aprovação — contraste, legibilidade, área segura, hierarquia, aderência ao brand kit e conformidade. Use quando o usuário disser "revisar a peça", "está bom?", "checar o criativo", "auditar", "pode publicar?", ou automaticamente após qualquer montagem. É portão de saída: peça que não passa não vai para 04 — Aprovado.

The English summary is being prepared. Showing the original description.

Monta carrossel completo — estrutura de slides, hierarquia por slide e construção no Figma como componente com variantes. Use quando o usuário disser "carrossel", "slides", "carrossel do LinkedIn", "carrossel do Instagram", "post em sequência", "documento do LinkedIn". Recebe a copy slide a slide e entrega frames montados e revisados.

The English summary is being prepared. Showing the original description.

Extrai o brand kit do Figma — tokens de cor, tipografia, grid, logo e componentes — e grava na seção 3 do contexto. Use quando o usuário disser "extrair a marca", "pegar os tokens", "quais as cores", "design system", "importar do Figma", "montar brand kit", ou quando a seção 3 estiver vazia. Lê do Figma; não inventa paleta.

The English summary is being prepared. Showing the original description.

Traduz copy aprovada em conceito visual — ideia central, hierarquia, sistema de peças e especificação de ativos. Use quando o usuário disser "como fica visualmente", "conceito da campanha", "direção de arte", "qual a ideia da peça", "transformar a copy em criativo", ou antes de montar qualquer coisa no Figma. É a ponte entre pwdev-copy e a produção.

The English summary is being prepared. Showing the original description.

Estima, confirma e acompanha o gasto com geradores pagos. Use quando o usuário disser "quanto vai custar", "orçamento", "quanto gastei", "controlar custo", "está caro", antes de qualquer lote de geração, ou ao fechar campanha. Com APIs no centro, custo deixa de ser detalhe e vira restrição de projeto.

The English summary is being prepared. Showing the original description.

Static-to-EDS conversion that preserves the original design while making content authorable in Document Authoring. Two modes — page-level (overlay template with slot markers) and block-level (each section becomes an independent EDS block). Use when converting an AI-generated static HTML page (Stardust, Mobirise, Relume, Lovable, v0, Figma-derived hand-coded, etc.) into an Edge Delivery Services page. Triggers on "convert this page to EDS", "static-to-EDS overlay", "convert to EDS blocks", "next experimentation", "next run", "start run", or when a user provides a source URL and asks to make it editable in DA while keeping the original design intact. Do NOT use for canonical EDS block-rewrite migrations — that's the page-import skill.

The English summary is being prepared. Showing the original description.

Creates complete AEM components with dialog, HTL template, Sling Model, unit tests, and clientlibs. Supports extending Core Components and project components. When a Figma design URL is provided, fetches the design via Figma MCP (get_design_context) and translates it into pixel-perfect HTL, CSS, and JS. Follows Adobe Experience League best practices for AEM Cloud Service and 6.5. Use this skill whenever the user mentions creating, building, generating, or scaffolding an AEM component, or mentions component types like teaser, card, hero, banner, accordion, tabs, carousel, list, navigation, breadcrumb, or any custom AEM component. Also trigger when the user wants to extend a Core Component, create a component dialog, add a Sling Model, or convert a Figma design into an AEM component.

The English summary is being prepared. Showing the original description.

參考圖解析 SKILL — 從截圖、Figma 連結或參考 PNG 中，分解出 proof draft（visualZones + componentIntents + spacingRecipe + contentSlots + unresolved notes）。USE FOR: 拿到新畫面設計稿或截圖時，作為 UI production pipeline 第 1 步。DO NOT USE FOR: 直接生成 normalized recipe 或 screen package（需先完成此步再進 family / MCQ 收斂）。

The English summary is being prepared. Showing the original description.

UI 自動化生產總控 SKILL — 從 UI 示意圖、參考圖、Figma snapshot 或既有頁面經驗啟動，串接 proof draft、family-map、MCQ、normalized recipe、task shard、ui-spec 與 CompositePanel / ChildPanel scaffold、靜態驗證、Browser QA 自動調整，直到交付人類驗收。USE FOR: 想把一張新 UI 從「給圖」一路推進到可驗證的 screen package 與 QA 閉環。DO NOT USE FOR: 單純修一個 runtime bug、單一 prefab 微調、純美術資產委託。

The English summary is being prepared. Showing the original description.

Build low-fidelity wireframes, screen mockups, and user-flow diagrams in Frame0 (the hand-drawn Balsamiq-style wireframing tool) through its connected MCP server. Use when asked to wireframe a screen, sketch a UI, make a low-fi mockup, lay out an app's screens, or diagram a user flow with clickable links. Triggers: "wireframe", "frame0", "low-fi mockup", "sketch a screen", "user flow", "lo-fi", "rough out the UI". NOT for high-fidelity visual design, brand systems, or color/typography polish (use web-design-expert / Figma); NOT for production UI code (use frontend skills).

The English summary is being prepared. Showing the original description.

Guides the practical path from 'we have no design system' or 'we have a mess' to a real, functional design system. Component inventory, design token extraction, headless UI adoption (Radix, React Aria, Headless UI), migration order of operations, and the assessment-to-rollout pipeline. Activate on 'design system from scratch', 'bootstrap design system', 'no design system', 'design system migration', 'headless UI adoption', 'component audit', 'design token extraction', 'design system strategy'. NOT for building specific components once a system exists (use design-system-creator), not for generating token files/configs (use design-system-generator).

The English summary is being prepared. Showing the original description.

Use when the user explicitly asks for a desktop or system screenshot (full screen, specific app or window, or a pixel region), or when tool-specific capture capabilities are unavailable and an OS-level capture is needed.

The English summary is being prepared. Showing the original description.

B2B content writing with daily workflows and batching systems across Sales/HR/Fintech/Ops Tech

The English summary is being prepared. Showing the original description.

Maxim Design System Intelligence — token architecture (primitive→semantic→component), component library governance, CSS variable systems, Tailwind integration, design-to-code handoff, Storybook, Figma token export. Activate for design system creation, token audits, component specs, dark mode systems, brand-to-token sync. Powered by Maxim behavioral science + Atomic Design + TOGAF governance.

The English summary is being prepared. Showing the original description.