Synaptic SkillsSynapticSkills
MarketplaceSkill GraphCriar SkillMCP ServerPlataformaEnterprise
v0.1.0-beta
Voltar ao Marketplace
DevelopmentMédio

Hyvä Alpine Component

porhyva-themes·hyva-themes· v1.0.0 · atualizado em 2026-04-11
82
Score

Write CSP-compatible Alpine.js components for Hyvä themes in Magento 2. This skill should be used when the user wants to create Alpine components, add interactivity to Hyvä templates, write JavaScript for Hyvä themes, or needs help with Alpine.js patterns that work with Content Security Policy. Trigger phrases include "create alpine component", "add interactivity", "alpine for hyva", "x-data component", "csp compatibility", "csp compliant javascript".

hyvaalpinejsmagento-2frontend-developmentjavascriptcsp-compatibility
Linguagens
JavaScriptHTML
0Stars
0Forks
0Usos
Fork

Documento do Skill

SKILL.mdhyva-alpine-component/workflow
1. Identify the required component functionality and data interactions.
2. Define the component's data properties and methods within the `x-data` scope.
3. Implement CSP-compliant data binding using `:value` and `@input` instead of `x-model`.
4. Utilize Hyvä utility functions for common tasks like form handling and DOM manipulation.
5. Register the component using `Alpine.data()` within the `alpine:init` event listener.
6. Ensure proper escaping of PHP values in JavaScript strings and HTML attributes.
7. Test the component thoroughly to ensure functionality and CSP compliance.

Telemetria de Agentes

Execuções
0
total
Taxa de Sucesso
0%
últimos 30d
Latência Média
0.0s
p50
Alucinação
0.0%
detecção
Tokens Entrada
0
avg 0/exec
Tokens Saída
0
avg 0/exec

Uso por Plataforma

Skills Relacionados

Similar aCRA to Next.js Migration Guide
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
82
Similar aMagento 2 Hyva Specialist
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
83
Similar aWix Site Component Builder
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
83

Árvore do Skill

Hyvä Alpine Component
hyva-alpine-component
Fases Cognitivas5
1.SENSE
2.CONTEXTUALIZE
3.RECOMMEND
4.ACT
5.REFLECT
Triggers10
create alpine componentadd interactivity to hyvaalpine for hyvax-data componentcsp compatibilitycsp compliant javascriptwrite alpine component for hyva themeimplement alpine js in hyvahyva alpine js best practicesalpine js without unsafe eval

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%
🤖Sucesso de Agentes0%
🕐Atualidade100%
🔗Saúde de Dependências100%
🕸️Centralidade no Grafo0%
🛡️Segurança50%
CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download hyva-alpine-component
$ synaptic skills detail hyva-alpine-component
$ synaptic skills live hyva-alpine-component

Dependências

Alpine.js

Links

GitHub Repository