القائمة
Aplica la guía visual de la landing Invok (tokens CSS, tipografía, secciones, componentes, i18n y motion). Usa al trabajar en el frontend de la landing, al refactorizar UI, al ajustar estilos o cuando el usuario mencione diseño, marca, hero, tokens, o la carpeta .design.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Documents the Invok HTTP execution API contract: how to call tools, how responses are structured, how to handle errors, and how to write defensive extraction code for workflow nodes. Use this skill when generating workflow code that calls Invok's /api/v1/execute/{toolCode} endpoint — not during the discovery and planning phase.
Given a business automation request, discover the minimum set of Invok tools required to implement the workflow, resolve human-readable references into concrete platform identifiers, determine the logical workflow structure, and provide an export-ready tool list for workflow generation. This skill is platform-agnostic and works equally well for n8n, Make, Flowise, Langflow, and custom automation systems.
| name | invok-landing-design |
| description | Aplica la guía visual de la landing Invok (tokens CSS, tipografía, secciones, componentes, i18n y motion). Usa al trabajar en el frontend de la landing, al refactorizar UI, al ajustar estilos o cuando el usuario mencione diseño, marca, hero, tokens, o la carpeta .design. |
Las instrucciones completas, checklist y detalle de componentes están en el repo (rutas desde la raíz del proyecto):
.design/design.md — leer este archivo al aplicar o revisar diseño de la landing..design/img-reference.jpeg — referencia visual; abrir cuando haga falta comparar tono y jerarquía con la captura..design/design.md (tokens, tipografía, orden de secciones, rejillas, i18n).img-reference.jpeg.design.md en el mismo cambio cuando corresponda (el documento lo indica al final).#c8f04a, secundario menta #4af0c8; variables en :root según la tabla de design.md..section-label / .section-title / .section-desc.id de anclas alineados con el nav (#how, #features, #philosophy, #security).Para el resto (hero, grids, filosofía, seguridad, CTA, motion, responsive), usar solo el contenido de .design/design.md.