Hexagonal Frontend | Agent Skills Atlas

About this skill

Guía de arquitectura hexagonal para aplicaciones React + TypeScript. Activa esta skill cuando el usuario pida crear, estructurar o agregar cualquier módulo o feature en el frontend: login, registro, listado de productos, pagos, perfil de usuario, carrito, o cualquier nueva pantalla/funcionalidad. También activa cuando el usuario pregunte cómo organizar carpetas, cómo separar lógica de la UI, cómo preparar código para integrar con una API o microservicio más adelante, o cuando mencione "arquitectura hexagonal", "ports and adapters", "casos de uso", "repositorio", "adaptador" o "mock". Usar aunque el usuario solo diga "quiero hacer el módulo de X" sin mencionar arquitectura — esta skill debe aplicarse siempre en este proyecto.

Quick start

Copy the install prompt. Use the green button above this README.
Send it to your agent. Paste it into your coding agent’s chat and send.
Review the setup. Your agent checks the skill’s instructions, requirements, and installation scope.

Installation guide →

Review, license & listing details

Review the source before using this skill

This is an imported listing. We haven’t certified its safety, license, or compatibility. Skills may include executable scripts.

Automated security scan: Partial

Only SKILL.md was scanned. Supporting files and scripts were not checked. No safety grade has been assigned.

0 potential findings · Scanned 11/4/2026 · Scanner 0.2.1

Content SHA-256: ef64acd7c68d2aaa633f7e22dabb37d701cb6911167a69f9d6cfbbea77c11ba0

About scan coverage and limitations

Original listing metadata

Original name

hexagonal-frontend

Original description

About this listing

Category: Security
Reported license: Not specified
Listing language (estimated): Spanish
Review status: Not individually reviewed
Agent compatibility: Atlas installation supports Claude Code, Codex, and Cursor. Skill-specific dependencies and features are checked during setup.