II.
Role JSON
Structured · liverole:frontend-engineer
Frontend Engineer json
Inspect the normalized record payload exactly as the atlas UI reads it.
{
"id": "role:frontend-engineer",
"_kind": "Role",
"_file": "domain/roles/roles-engineering.yaml",
"_cluster": "domain",
"attributes": {
"displayName": "Frontend Engineer",
"isAgentic": false,
"automatability": 0.8,
"description": "Crafts responsive, accessible, and performant user interfaces that translate product\ndesigns into working browser and web application experiences. Collaborates tightly\nwith product designers, UX researchers, and backend engineers to ship cohesive\nfeatures end-to-end. Advocates for web performance, accessibility standards, and\nrobust client-side state management across the team.\n",
"seniority": "mid"
},
"outgoingEdges": [
{
"from": "role:frontend-engineer",
"to": "responsibility:code-review",
"kind": "holds_responsibility"
},
{
"from": "role:frontend-engineer",
"to": "responsibility:performance-optimization",
"kind": "holds_responsibility"
},
{
"from": "role:frontend-engineer",
"to": "responsibility:documentation",
"kind": "holds_responsibility"
},
{
"from": "role:frontend-engineer",
"to": "domain:web-development",
"kind": "requires_skill",
"attributes": {
"level": "expert"
}
},
{
"from": "role:frontend-engineer",
"to": "specialization:frontend-react",
"kind": "requires_skill",
"attributes": {
"level": "expert"
}
},
{
"from": "role:frontend-engineer",
"to": "specialization:web-development",
"kind": "requires_skill",
"attributes": {
"level": "intermediate"
}
},
{
"from": "role:frontend-engineer",
"to": "skill-area:react-components",
"kind": "requires_expertise",
"attributes": {}
},
{
"from": "role:frontend-engineer",
"to": "skill-area:react-state-management",
"kind": "requires_expertise",
"attributes": {}
},
{
"from": "role:frontend-engineer",
"to": "skill-area:web-vitals",
"kind": "requires_expertise",
"attributes": {}
},
{
"from": "role:frontend-engineer",
"to": "skill-area:web-accessibility",
"kind": "requires_expertise",
"attributes": {}
},
{
"from": "role:frontend-engineer",
"to": "skill-area:css-architecture",
"kind": "requires_expertise",
"attributes": {}
},
{
"from": "role:frontend-engineer",
"to": "skill-area:design-systems",
"kind": "requires_expertise",
"attributes": {}
}
],
"incomingEdges": [
{
"from": "role:engineering-manager",
"to": "role:frontend-engineer",
"kind": "delegates_to"
},
{
"from": "role:tech-lead",
"to": "role:frontend-engineer",
"kind": "delegates_to"
},
{
"from": "stack-profile:voice-ai-agent",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:ecommerce-nextjs",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:monorepo-fullstack",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:content-management-platform",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:real-time-collaboration",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:desktop-application",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:graphql-api-platform",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:saas-starter",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:project-management-app",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:learning-management-system",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:chat-messaging-platform",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:analytics-dashboard",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:static-site-cdn",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:headless-cms-ssg",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:prompt-engineering-workbench",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:documentation-site",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:storybook-design-system",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:vscode-extension",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:react-native-enterprise",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:progressive-web-app",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:e2e-testing-platform",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:visual-regression-testing",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:api-mocking-simulation",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:restaurant-pos-system",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:booking-scheduling",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:survey-forms-platform",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:digital-signage",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:enterprise-search-platform",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:news-publishing-cms",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:live-streaming-broadcast",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:forum-discussion-board",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:community-marketplace",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:micro-frontend",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:backend-for-frontend",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:browser-extension",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:mobile-first-stack",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:nextjs-supabase-stripe",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:mern-stack",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:mean-stack",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:sveltekit-stack",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:laravel-vue-stack",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:dotnet-blazor-stack",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:remix-prisma-stack",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:nuxt-supabase-stack",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:jamstack",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "stack-profile:t3-stack",
"to": "role:frontend-engineer",
"kind": "used_by_role"
},
{
"from": "workflow:code-review",
"to": "role:frontend-engineer",
"kind": "involves_role"
},
{
"from": "workflow:pull-request-lifecycle",
"to": "role:frontend-engineer",
"kind": "involves_role"
},
{
"from": "workflow:feature-development",
"to": "role:frontend-engineer",
"kind": "involves_role"
},
{
"from": "workflow:framework-upgrade-cycle",
"to": "role:frontend-engineer",
"kind": "involves_role"
},
{
"from": "lib-agent:ai-agents-conversational--mcp-ui-developer",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-agent:cryptography-blockchain--web3-frontend",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-agent:education--elearning-developer",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-agent:ux-ui-design--design-token-manager",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-agent:ux-ui-design--developer-handoff",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-agent:ux-ui-design--figma-integration",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-agent:ux-ui-design--performance-auditor",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-agent:ux-ui-design--refinement-planner",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-agent:ux-ui-design--responsive-design-validator",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-agent:ux-ui-design--responsive-verifier",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-agent:ux-ui-design--storybook-integration",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-agent:ux-ui-design--ui-implementer",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-agent:web-development--accessibility-auditor",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-agent:web-development--angular-developer",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-agent:web-development--animation-developer",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-agent:web-development--architecture-documentation",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-agent:web-development--bundle-analyzer",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-agent:web-development--ci-cd",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-agent:web-development--code-quality",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-agent:web-development--code-reviewer",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-agent:web-development--component-developer",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-agent:web-development--component-documentation",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-agent:web-development--e2e-testing",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-agent:web-development--environment-setup",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-agent:web-development--forms-developer",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-agent:web-development--frontend-architect",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-agent:web-development--hooks-developer",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-agent:web-development--lighthouse",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-agent:web-development--micro-frontend-architect",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-agent:web-development--nextjs-developer",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-agent:web-development--performance-auditor",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-agent:web-development--performance-testing",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-agent:web-development--react-developer",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-agent:web-development--seo-auditor",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-agent:web-development--unit-testing",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-agent:web-development--visual-regression",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-agent:web-development--vue-developer",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-process:qa-testing-automation--accessibility-testing",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-process:qa-testing-automation--cross-browser-testing",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-process:qa-testing-automation--visual-regression",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-process:web-development--accessibility-audit-remediation",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-process:web-development--angular-enterprise-development",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-process:web-development--aria-implementation",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-process:web-development--bundle-size-optimization",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-process:web-development--cicd-github-actions",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-process:web-development--component-library-radix",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-process:web-development--content-security-policy",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-process:web-development--cross-browser-compatibility",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-process:web-development--css-in-js-styled-components",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-process:web-development--dev-environment-onboarding",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-process:web-development--e2e-testing-playwright",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-process:web-development--eslint-prettier-configuration",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-process:web-development--frontend-caching-service-workers",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-process:web-development--google-analytics-integration",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-process:web-development--image-optimization",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-process:web-development--keyboard-navigation-focus",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-process:web-development--micro-frontend-module-federation",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-process:web-development--mobile-first-responsive",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-process:web-development--nextjs-fullstack-app",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-process:web-development--nuxtjs-fullstack-app",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-process:web-development--nx-monorepo",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-process:web-development--pwa-development",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-process:web-development--react-app-development",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-process:web-development--react-query-server-state",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-process:web-development--redux-state-management",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-process:web-development--storybook-component-testing",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-process:web-development--svelte-sveltekit-development",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-process:web-development--tailwind-design-system",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-process:web-development--technical-seo-implementation",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-process:web-development--turborepo-monorepo",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-process:web-development--typescript-configuration",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-process:web-development--unit-testing-react",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-process:web-development--vercel-deployment",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-process:web-development--vite-build-configuration",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-process:web-development--vue-app-development",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-process:web-development--web-components-lit",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-process:web-development--web-performance-optimization",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-process:web-development--zustand-state-management",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:code-migration-modernization--ui-component-migrator",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:cryptography-blockchain--wallet-integration",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:performance-optimization--memlab-analysis",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:qa-testing-automation--axe-accessibility",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-skill:qa-testing-automation--backstopjs-visual",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-skill:qa-testing-automation--cypress-e2e",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-skill:qa-testing-automation--jest-testing",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-skill:qa-testing-automation--percy-visual",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-skill:ux-ui-design--browser-stack",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-skill:ux-ui-design--component-inventory",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-skill:ux-ui-design--css-precision-editor",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:ux-ui-design--design-system-validator",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-skill:ux-ui-design--design-token-transformer",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-skill:ux-ui-design--lighthouse",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:ux-ui-design--responsive-image",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:ux-ui-design--screenshot-comparison",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-skill:ux-ui-design--svg-optimizer",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--analytics",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--angular-development",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--aria",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--browser-automation",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--bundle-optimization",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--caching",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--core-web-vitals",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--csp",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-skill:web-development--css-modules",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--cypress",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-skill:web-development--design-tokens",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--esbuild",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--eslint",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--frontend-e2e-testing",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--git",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--github-actions-web",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--hydration",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--image-optimization",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--jest",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--keyboard-navigation",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--lit",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--msw",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--netlify",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--nextjs",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--nextjs-app-router",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--ngrx",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--nuxt",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--nx",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-skill:web-development--pinia",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--playwright",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-skill:web-development--pnpm-workspaces",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-skill:web-development--prettier",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--progressive-enhancement",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--radix-ui",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--react-development",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--react-hooks",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--react-query",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--react-server-components",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--react-testing-library",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--redux-toolkit",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--rxjs",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--screen-reader",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--seo",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--shadcn",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--storybook",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--structured-data",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--styled-components",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--svelte",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--tailwind-css",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--turbopack",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--turborepo",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 0.7
}
},
{
"from": "lib-skill:web-development--typescript",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--vercel",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--vite",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--vitest",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--vue-development",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--wcag",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--web-action-grounding",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--web-performance",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--webpack",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "lib-skill:web-development--zustand",
"to": "role:frontend-engineer",
"kind": "lib_involves_role",
"attributes": {
"weight": 1
}
},
{
"from": "org-unit:engineering",
"to": "role:frontend-engineer",
"kind": "has_member",
"attributes": {}
},
{
"from": "responsibility:accessibility-wcag-compliance",
"to": "role:frontend-engineer",
"kind": "held_by",
"attributes": {}
},
{
"from": "responsibility:performance-budget-enforcement",
"to": "role:frontend-engineer",
"kind": "held_by",
"attributes": {}
},
{
"from": "responsibility:accessibility-compliance",
"to": "role:frontend-engineer",
"kind": "held_by",
"attributes": {}
},
{
"from": "responsibility:localization-management",
"to": "role:frontend-engineer",
"kind": "held_by",
"attributes": {}
},
{
"from": "workflow:analytics-instrumentation-audit",
"to": "role:frontend-engineer",
"kind": "involves_role",
"attributes": {}
},
{
"from": "workflow:dependency-upgrade-cycle",
"to": "role:frontend-engineer",
"kind": "involves_role",
"attributes": {}
},
{
"from": "workflow:localization-workflow",
"to": "role:frontend-engineer",
"kind": "involves_role",
"attributes": {}
},
{
"from": "workflow:heuristic-evaluation-audit",
"to": "role:frontend-engineer",
"kind": "involves_role",
"attributes": {}
}
]
}