thiagon1
- 16 skills
- 0 followers
- 8 hours ago last updated
- ▌ Deco App · thiagon1Creates custom Apps for deco.cx — modular bundles of sections, loaders, actions, and workflows with shared state. Use when creating a deco app, defining mod.ts, adding actions/workflows, managing app state (API keys, global config), or making an app installable.
- ▌ Gtm Tags · thiagon1 bundleAudit, validate, debug, and implement Google Tag Manager tags, triggers, variables, and dataLayer events. Use when the user mentions GTM, Google Tag Manager, dataLayer, GA4, gtag, tags, triggers, pixels, tracking, or provides a GTM container ID / validation URL.
- ▌ Vtex CSS · thiagon1 bundleVTEX IO storefront CSS — CSS Handles, compliant selectors (bit.ly/io-css-selectors), vtex.css-handles API, and team pattern for legacy selectors in app-scoped theme CSS when CLI skips validation (e.g. vtex.login, vtex.my-account). Use when customizing store theme, compliant selectors, CSS Handles, or vendor-specific CSS overrides.
- ▌ Deco Vtex · thiagon1Integrates deco.cx with VTEX e-commerce — product listing pages (PLP), product detail pages (PDP), cart operations, search, and checkout via the VTEX app and invoke API. Use when building e-commerce pages with VTEX data, adding to cart, managing minicart, using VTEX loaders, or calling VTEX actions from islands.
- ▌ Omie Seed · thiagon1 bundleCreates local-only Strapi seed scripts for the OMIE CMS (Next.js + Strapi) that upsert Pages with page-builder sections and Media Library uploads. Use when the user asks for a seed script, popular CMS, seed pages, seed Strapi, preencher dados no CMS, ou recriar conteúdo de LP no localhost.
- ▌ Deco Island · thiagon1Creates Islands for deco.cx — interactive Preact components that hydrate on the client. Use when adding interactivity (click handlers, state, effects), creating buy buttons, modals, carousels, counters, or any component that needs client-side JavaScript. Covers islands architecture, prop minimization, children pattern, and invoke API.
- ▌ Deco Loader · thiagon1Creates Loaders for deco.cx — server-side data fetching functions with configurable Props for the Admin. Use when fetching data from external APIs, creating inline loaders in sections, building reusable loader blocks, optimizing data payloads, or connecting sections to data sources.
- ▌ Omie Commit · thiagon1Branch, commit and pull request standard for the OMIE project (Next.js + Strapi). Use when creating a branch, writing a git commit, or opening a PR in C:/projetos/omie: enforces feat/<descricao> branch naming, Conventional Commits with a rich context-first body, and the official OMIE PR template. Use whenever the user asks to commit, branch, open a PR, or "seguir o padrão do omie".
- ▌ Deco Section · thiagon1Creates Sections for deco.cx — Preact components with TypeScript Props that auto-generate the Admin editor UI. Use when creating sections, defining props with widgets/annotations, styling with Tailwind/DaisyUI themes, or building configurable UI blocks for the deco.cx CMS.
- ▌ Figma Assets · thiagon1Extrai design e assets do Figma via MCP a partir de um link — contexto/specs (get_design_context, metadata, variables, screenshot), tipografia exata (font-family, tamanho, peso, estilo, line-height, letter-spacing), espaçamentos/margens/padding, e download de SVG/imagens (download_assets). Use quando o usuário enviar um link do Figma e pedir para pegar o design, specs, tokens, fontes, espaçamentos, exportar SVG, baixar imagens/ícones ou implementar uma tela a partir do Figma.
- ▌ Vtex Checkout · thiagon1 bundleCustomizes VTEX Checkout v6 using vtex.js Checkout module, orderForm manipulation, cart operations, shipping calculation, coupons, and checkout events. Use when editing checkout6-custom.js, working with vtex.js checkout API, manipulating orderForm, adding/removing cart items, calculating shipping, applying coupons, handling checkout events (orderFormUpdated, checkoutRequestBegin/End), or customizing VTEX checkout behavior.
- ▌ Vtex Io Component · thiagon1 bundleCreates custom React components for VTEX IO with CSS Handles, Site Editor schema, interfaces.json and block structure. Supports Figma URL input to extract layout via MCP before coding. Use when the user asks to create a VTEX IO React component, add CSS Handle, customize block styling, register component in interfaces.json, configure VTEX Site Editor schema (string, boolean, number, object, array, enum, image-uploader, datetime widget), or build a component from a Figma design.
- ▌ Runrunit Pr Commit · thiagon1Full task lifecycle via Runrun.it — start tasks (fetch data, create branch, plan execution), develop with deco.cx/VTEX skills, and finish (commit, PR, comment, deliver). Use when the user provides a Runrun.it task link and wants to start, develop, commit, open a PR, or document a task.
- ▌ Vtex Checkout Config · thiagon1 bundleManages VTEX Checkout API Configuration endpoints — orderForm configuration (get/update), seller exchange window (get/update), and clear orderForm messages. Use when working with orderForm settings, paymentConfiguration, taxConfiguration, recaptchaValidation, custom apps registration, seller window, or the Checkout REST API configuration section.
- ▌ Vtex Io Node GRAPHQL · thiagon1 bundleCreates Node.js backend services and GraphQL APIs in VTEX IO, including resolvers, clients, schema types, and React component integration via react-apollo. Use when the user asks to create a Node.js API, GraphQL resolver, custom client, mutation, query, or integrate backend with a React component in VTEX IO.
- ▌