메뉴
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.