Pipeline run
b3350a44-9a7b-474e-ad9f-c3df4e74edf8
Client output enrichment
v2 Skill cluster · Nature of work · AI index · Tech stack maturity · Evidence · KRA descriptionvocab breakdown (legacy)
Signals
Post-classification
Captured for admin review
1 POST /skills/extract-from-jd
2 POST /skills/extract-details
3 POST /skills/final-role-output
Frontend Engineer
CASE Aslug: frontend-engineer · id: 7 · source: db
The primary skills required for this role are best aligned with a Frontend Engineer's responsibilities.
Resolution:
in_db
— role exists in library; skill↔dim and role↔dim links saved when applicable.
Job description
About the job About the Company: Driffle is a global digital goods marketplace specializing in digital gaming products, including games, gift cards, DLCs and more across 140+ countries. We are a team of gamers with the aim of making gaming accessible and affordable to everyone. Operating across multiple jurisdictions, Driffle facilitates high-volume cross-border transactions and works with global payment service providers to deliver seamless digital commerce experiences. About the Role: Driffle is seeking a talented Frontend Engineer to join our dynamic team. In this role, you will play a pivotal role in crafting and optimizing the user-facing aspects of our web applications. The ideal candidate is experienced in React.js, Next.js, JavaScript, and TypeScript, with a strong focus on building responsive and user-friendly interfaces. You will collaborate closely with our designers, backend developers, and stakeholders to deliver high-quality, scalable, and maintainable solutions. Key Responsibilities: Design, develop, and maintain user-centric web applications using React.js, Next.js, JavaScript, and TypeScript. Write clean, efficient, and reusable code following industry best practices and coding standards. Optimize applications for performance, scalability, and cross-browser compatibility. Collaborate with UI/UX designers to translate designs into functional and visually appealing interfaces. Integrate frontend components with backend services via APIs. Participate in code reviews, provide constructive feedback, and mentor junior team members. Stay up to date with the latest trends, tools, and technologies in frontend development. Key Requirements: Bachelor’s degree in computer science, Software Engineering, or a related field. 3+ years of experience in frontend development. Proficiency in HTML, CSS, JavaScript, TypeScript, React.js, and Next.js. Strong understanding of responsive design principles and cross-browser compatibility. Experience with state management libraries (e.g., Redux, Context API). Familiarity with version control tools, especially Git. Excellent problem-solving and analytical skills. Strong communication and collaboration abilities. Portfolio showcasing your frontend development work is a plus.
Skills from this JD
Each row merges API 1 extraction, API 2 library match / v3 orchestration (dimensions + locked dims), and API 3 persistence tags.
Aliases — catalog
- React 0.1 (VERSION)
- React 0.10 (VERSION)
- React 0.11 (VERSION)
- React 0.12 (VERSION)
- React 0.13 (VERSION)
- React 0.14 (VERSION)
- React 0.2 (VERSION)
- React 0.3 (VERSION)
- React 0.4 (VERSION)
- React 0.5 (VERSION)
- React 0.6 (VERSION)
- React 0.7 (VERSION)
- React 0.8 (VERSION)
- React 0.9 (VERSION)
- React 15 (VERSION)
- React 16 (VERSION)
- React 17 (VERSION)
- React 18 (VERSION)
- React.js (CANONICAL)
- React.js 15 (VERSION)
- React.js 16 (VERSION)
- React.js 17 (VERSION)
- React.js 18 (VERSION)
Context tags (catalog)
Stored enrichment (catalog DB)
- Category
- Framework
- Sub-category
- Frontend Ui Framework
- Vendor
- Meta
- License
- mit
- Year introduced
- 2013
- Confidence
- 0.98
- Version strategy
- SEPARATE_ENTITY
- Version tag
- 18
Maturity reasoning: React.js is a hiring-pipeline staple with very high JD volume across frontend roles and broad ecosystem adoption; it remains one of the most commonly requested UI frameworks on job boards and in GitHub usage trends.
Skill profile (library / DB)
- Skill nature
- FRAMEWORK
- Volatility
- STABLE
- Typical lifespan
- EVERGREEN
- Category id
- 5
- Sub-category id
- 363
- Extractable
- True
- Also category
- False
Dimensions (API 2 worklist)
-
React Frontend Development Catalog dimension db id 96
Library dimension (catalog)
API 3 link attempts (this skill)
| Dimension | Skill↔dim | Role↔dim | Outcome |
|---|---|---|---|
|
React Frontend Development
d_init_01
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) |
Aliases — catalog
- Next.js (CANONICAL) primary
- Next 10 (VERSION)
- Next 11 (VERSION)
- Next 12 (VERSION)
- Next 13 (VERSION)
- Next 14 (VERSION)
- Next 15 (VERSION)
- Next 2 (VERSION)
- Next 3 (VERSION)
- Next 4 (VERSION)
- Next 5 (VERSION)
- Next 6 (VERSION)
- Next 7 (VERSION)
- Next 8 (VERSION)
- Next 9 (VERSION)
- Next.js 1 (VERSION)
- Next.js 10 (VERSION)
- Next.js 11 (VERSION)
- Next.js 12 (VERSION)
- Next.js 13 (VERSION)
- Next.js 14 (VERSION)
- Next.js 15 (VERSION)
- Next.js 2 (VERSION)
- Next.js 3 (VERSION)
- Next.js 4 (VERSION)
- Next.js 5 (VERSION)
- Next.js 6 (VERSION)
- Next.js 7 (VERSION)
- Next.js 8 (VERSION)
- Next.js 9 (VERSION)
- next (VERSION)
- next.js (VERSION)
- next.js 14 (VERSION)
- nextjs (VERSION)
- nextjs 14 (VERSION)
Context tags (catalog)
Stored enrichment (catalog DB)
- Category
- Framework
- Sub-category
- Web Framework
- Vendor
- Vercel
- License
- mit
- Year introduced
- 2016
- Confidence
- 0.98
- Version strategy
- NOT_APPLICABLE
Maturity reasoning: Next.js appears in many frontend/full-stack job descriptions and is a common React meta-framework for production apps; Vercel’s ecosystem and strong GitHub adoption signal broad market demand.
Skill profile (library / DB)
- Skill nature
- FRAMEWORK
- Volatility
- STABLE
- Typical lifespan
- EVERGREEN
- Category id
- 5
- Sub-category id
- 35
- Extractable
- True
- Also category
- False
Dimensions (API 2 worklist)
-
Meta-Frameworks & SSR Catalog dimension db id 130
Library dimension (catalog)
Roles linked in library: Frontend Engineer
-
UI Frameworks and Rendering Catalog dimension db id 115
Library dimension (catalog)
Roles linked in library: Frontend Engineer, Full Stack Engineer, Hybrid Mobile Developer
API 3 link attempts (this skill)
| Dimension | Skill↔dim | Role↔dim | Outcome |
|---|---|---|---|
|
Meta-Frameworks & SSR
meta-frameworks-ssr
|
✓ | ✓ | Existing dimension (library) · Role↔dimension saved |
|
UI Frameworks and Rendering
ui-frameworks-and-rendering
|
✓ | ✓ | Existing dimension (library) · Role↔dimension saved |
Aliases — catalog
- JavaScript (CANONICAL) primary
- ES2015 (VERSION)
- ES2016 (VERSION)
- ES2017 (VERSION)
- ES2018 (VERSION)
- ES2019 (VERSION)
- ES2020 (VERSION)
- ES2021 (VERSION)
- ES2022 (VERSION)
- ES2023 (VERSION)
- ES2024 (VERSION)
- ES5 (VERSION)
- ES6 (VERSION)
- JavaScript ES2015 (VERSION)
- JavaScript ES2020 (VERSION)
- JavaScript ES6 (VERSION)
- modern JavaScript (VERSION)
Context tags (catalog)
Stored enrichment (catalog DB)
- Category
- Language
- Sub-category
- Programming Language
- Vendor
- Mozilla
- License
- mpl
- Year introduced
- 1995
- Confidence
- 0.99
- Version strategy
- NOT_APPLICABLE
Maturity reasoning: JavaScript appears in a very high volume of job postings across frontend, backend, and full-stack roles, and remains a core language in major ecosystems like Node.js and React.
Skill profile (library / DB)
- Skill nature
- LANGUAGE
- Volatility
- STABLE
- Typical lifespan
- EVERGREEN
- Category id
- 6
- Sub-category id
- 96
- Extractable
- True
- Also category
- False
Dimensions (API 2 worklist)
-
Cross-Platform App Languages Catalog dimension db id 167
Library dimension (catalog)
Roles linked in library: Hybrid Mobile Developer
-
JavaScript and TypeScript Catalog dimension db id 114
Library dimension (catalog)
Roles linked in library: Frontend Engineer
-
Programming Languages Catalog dimension db id 1
Library dimension (catalog)
Roles linked in library: Backend Engineer, Full Stack Engineer
API 3 link attempts (this skill)
| Dimension | Skill↔dim | Role↔dim | Outcome |
|---|---|---|---|
|
Cross-Platform App Languages
cross-platform-app-languages
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) |
|
JavaScript and TypeScript
javascript-and-typescript
|
✓ | ✓ | Existing dimension (library) · Role↔dimension saved |
|
Programming Languages
programming-languages
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) |
Aliases — catalog
- TypeScript (CANONICAL) primary
- TypeScript 5 (VERSION)
- TypeScript 5.x (VERSION)
- ts (VERSION)
- ts5 (VERSION)
- typescript 5 (VERSION)
- typescript 5.x (VERSION)
- typescript5 (VERSION)
Context tags (catalog)
Stored enrichment (catalog DB)
- Category
- Language
- Sub-category
- Programming Language
- Vendor
- Microsoft
- License
- apache_2
- Year introduced
- 2012
- Confidence
- 0.99
- Version strategy
- NOT_APPLICABLE
Maturity reasoning: TypeScript is a hiring-pipeline staple: it appears in a large share of modern web/frontend and Node.js job descriptions, and major frameworks like Angular and Next.js recommend it by default.
Skill profile (library / DB)
- Skill nature
- LANGUAGE
- Volatility
- STABLE
- Typical lifespan
- EVERGREEN
- Category id
- 6
- Sub-category id
- 96
- Extractable
- True
- Also category
- False
Dimensions (API 2 worklist)
-
Cross-Platform App Languages Catalog dimension db id 167
Library dimension (catalog)
Roles linked in library: Hybrid Mobile Developer
-
JavaScript and TypeScript Catalog dimension db id 114
Library dimension (catalog)
Roles linked in library: Frontend Engineer
-
Programming Languages Catalog dimension db id 1
Library dimension (catalog)
Roles linked in library: Backend Engineer, Full Stack Engineer
-
Programming Languages for XR Catalog dimension db id 97
Library dimension (catalog)
Roles linked in library: AR/VR Engineer
API 3 link attempts (this skill)
| Dimension | Skill↔dim | Role↔dim | Outcome |
|---|---|---|---|
|
Cross-Platform App Languages
cross-platform-app-languages
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) |
|
JavaScript and TypeScript
javascript-and-typescript
|
✓ | ✓ | Existing dimension (library) · Role↔dimension saved |
|
Programming Languages
programming-languages
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) |
|
Programming Languages for XR
programming-languages-for-xr
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) |
Aliases — catalog
- HTML (CANONICAL) primary
Context tags (catalog)
Stored enrichment (catalog DB)
- Category
- Language
- Sub-category
- Markup Language
- Vendor
- W3C
- License
- unknown
- Year introduced
- 1993
- Confidence
- 0.99
- Version strategy
- NOT_APPLICABLE
Maturity reasoning: HTML appears in the vast majority of web/front-end job descriptions and remains a core browser standard; it is not sunset or replaced by a newer markup language.
Skill profile (library / DB)
- Skill nature
- STANDARD
- Volatility
- STABLE
- Typical lifespan
- EVERGREEN
- Category id
- 4
- Sub-category id
- 1250
- Extractable
- True
- Also category
- False
Dimensions (API 2 worklist)
-
React Frontend Development Catalog dimension db id 96
Library dimension (catalog)
API 3 link attempts (this skill)
| Dimension | Skill↔dim | Role↔dim | Outcome |
|---|---|---|---|
|
React Frontend Development
d_init_01
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) |
Aliases — catalog
- CSS (CANONICAL) primary
Context tags (catalog)
Stored enrichment (catalog DB)
- Category
- Language
- Sub-category
- Stylesheet Language
- Vendor
- W3C
- License
- unknown
- Year introduced
- 1996
- Confidence
- 0.99
- Version strategy
- NOT_APPLICABLE
Maturity reasoning: CSS is a core front-end skill in most web JDs and remains standard in MDN/browser docs; it’s broadly used alongside HTML/JS rather than being replaced by a successor.
Skill profile (library / DB)
- Skill nature
- STANDARD
- Volatility
- STABLE
- Typical lifespan
- EVERGREEN
- Category id
- 4
- Sub-category id
- 1068
- Extractable
- True
- Also category
- False
Dimensions (API 2 worklist)
-
CSS Architecture and Styling Catalog dimension db id 117
Library dimension (catalog)
Roles linked in library: Frontend Engineer, Full Stack Engineer
API 3 link attempts (this skill)
| Dimension | Skill↔dim | Role↔dim | Outcome |
|---|---|---|---|
|
CSS Architecture and Styling
css-architecture-and-styling
|
✓ | ✓ | Existing dimension (library) · Role↔dimension saved |
Aliases — catalog
- Redux (CANONICAL) primary
Context tags (catalog)
Stored enrichment (catalog DB)
- Category
- Library
- Sub-category
- State Management Library
- Vendor
- License
- mit
- Year introduced
- 2015
- Confidence
- 0.98
- Version strategy
- NOT_APPLICABLE
Maturity reasoning: Redux remains widely listed in frontend job descriptions and is still a common state-management skill in React stacks, though many teams now prefer Redux Toolkit or alternatives like Zustand for new work.
Skill profile (library / DB)
- Skill nature
- LIBRARY
- Volatility
- STABLE
- Typical lifespan
- EVERGREEN
- Category id
- 7
- Sub-category id
- 490
- Extractable
- True
- Also category
- False
Dimensions (API 2 worklist)
-
Screen Navigation and State Catalog dimension db id 83
Library dimension (catalog)
Roles linked in library: Android Engineer, Full Stack Engineer, Hybrid Mobile Developer, Ios engineer
-
State Management Patterns Catalog dimension db id 116
Library dimension (catalog)
Roles linked in library: Frontend Engineer
API 3 link attempts (this skill)
| Dimension | Skill↔dim | Role↔dim | Outcome |
|---|---|---|---|
|
Screen Navigation and State
screen-navigation-and-state
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) |
|
State Management Patterns
state-management-patterns
|
✓ | ✓ | Existing dimension (library) · Role↔dimension saved |
Skill enrichment (orchestrator / LLM)
React Context API is a standard built-in state-sharing tool and appears routinely in React job descriptions and docs; it’s widely used alongside Redux/Zustand rather than being a niche add-on.
Facebook ·mit ·since 2018 (0.90)
“Context API” is a specific, commonly named state-management API (e.g., React) and is unlikely to be confused with other catalog skills.
Not versioned
Framework ·state_management_api confidence 0.90
By the Tool vs Framework rule, Context API is a React-provided API used inside applications to build state-sharing behavior, so it is best treated as part of a framework rather than a standalone tool.
- Category
- Framework
- Sub-category
- state_management_api
- Skill nature
- FRAMEWORK
- Volatility
- STABLE
- Typical lifespan
- EVERGREEN
- Version strategy
- NOT_APPLICABLE
Dimensions (API 2 worklist)
-
API Integration and Data Fetching Catalog dimension db id 127
Library dimension (catalog)
Roles linked in library: Frontend Engineer, Full Stack Engineer
-
API Integration and Data Fetching Catalog dimension db id 127
Library dimension (catalog)
Roles linked in library: Frontend Engineer, Full Stack Engineer
Locked dimensions (v3 placement)
-
API Integration and Data Fetching
Reuses catalog slug
Client-side integration with backend endpoints and third-party services, including request shaping, response handling, and synchronization with UI state. Context API belongs here when used to pass fetched data or API-derived state through a React component tree.
-
API Integration and Data Fetching
Reuses catalog slug
Client-side integration with backend endpoints and third-party services, including request shaping, response handling, and synchronization with UI state. This is central to frontend work because most screens depend on remote data.
API 3 link attempts (this skill)
| Dimension | Skill↔dim | Role↔dim | Outcome |
|---|---|---|---|
|
API Integration and Data Fetching
api-integration-and-data-fetching
|
✓ | ✓ | New skill saved · Existing dimension (library) · Role↔dimension saved |
Aliases — catalog
- Git (CANONICAL)
Context tags (catalog)
Stored enrichment (catalog DB)
- Category
- Tool
- Sub-category
- Version Control Tool
- Vendor
- Linus Torvalds
- License
- gpl_v2
- Year introduced
- 2005
- Confidence
- 0.99
- Version strategy
- NOT_APPLICABLE
Maturity reasoning: Git is a hiring-pipeline staple: it appears in the vast majority of software engineering job descriptions and is the default VCS on GitHub/GitLab/Bitbucket.
Skill profile (library / DB)
- Skill nature
- TOOL
- Volatility
- STABLE
- Typical lifespan
- EVERGREEN
- Category id
- 13
- Sub-category id
- 730
- Extractable
- True
- Also category
- False
Dimensions (API 2 worklist)
-
React Frontend Development Catalog dimension db id 96
Library dimension (catalog)
API 3 link attempts (this skill)
| Dimension | Skill↔dim | Role↔dim | Outcome |
|---|---|---|---|
|
React Frontend Development
d_init_01
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) |
Aliases — catalog
- APIs (CANONICAL)
Context tags (catalog)
Stored enrichment (catalog DB)
- Category
- Protocol
- Sub-category
- Application Programming Interfaces
- Confidence
- 0.93
- Version strategy
- NOT_APPLICABLE
Maturity reasoning: APIs are a hiring-pipeline staple across backend, mobile, and platform JDs; REST/GraphQL/API design appears in large volumes of job postings and vendor docs, indicating broad adoption.
Skill profile (library / DB)
- Skill nature
- PROTOCOL
- Volatility
- STABLE
- Typical lifespan
- EVERGREEN
- Category id
- 10
- Sub-category id
- 902
- Extractable
- True
- Also category
- False
Dimensions (API 2 worklist)
-
React Frontend Development Catalog dimension db id 96
Library dimension (catalog)
API 3 link attempts (this skill)
| Dimension | Skill↔dim | Role↔dim | Outcome |
|---|---|---|---|
|
React Frontend Development
d_init_01
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) |
All API 3 persistence rows
Same grid as the skill-extractor “Persistence items” table: one row per (skill × dimension) work item.
| Skill | Tag | Dimension | Skill↔dim | Role↔dim | Outcome | Notes |
|---|---|---|---|---|---|---|
| React.js | in_db |
React Frontend Development
d_init_01
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) | |
| Next.js | in_db |
Meta-Frameworks & SSR
meta-frameworks-ssr
|
✓ | ✓ | Existing dimension (library) · Role↔dimension saved | |
| Next.js | in_db |
UI Frameworks and Rendering
ui-frameworks-and-rendering
|
✓ | ✓ | Existing dimension (library) · Role↔dimension saved | |
| JavaScript | in_db |
Cross-Platform App Languages
cross-platform-app-languages
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) | |
| JavaScript | in_db |
JavaScript and TypeScript
javascript-and-typescript
|
✓ | ✓ | Existing dimension (library) · Role↔dimension saved | |
| JavaScript | in_db |
Programming Languages
programming-languages
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) | |
| TypeScript | in_db |
Cross-Platform App Languages
cross-platform-app-languages
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) | |
| TypeScript | in_db |
JavaScript and TypeScript
javascript-and-typescript
|
✓ | ✓ | Existing dimension (library) · Role↔dimension saved | |
| TypeScript | in_db |
Programming Languages
programming-languages
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) | |
| TypeScript | in_db |
Programming Languages for XR
programming-languages-for-xr
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) | |
| HTML | in_db |
React Frontend Development
d_init_01
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) | |
| CSS | in_db |
CSS Architecture and Styling
css-architecture-and-styling
|
✓ | ✓ | Existing dimension (library) · Role↔dimension saved | |
| Redux | in_db |
Screen Navigation and State
screen-navigation-and-state
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) | |
| Redux | in_db |
State Management Patterns
state-management-patterns
|
✓ | ✓ | Existing dimension (library) · Role↔dimension saved | |
| Git | in_db |
React Frontend Development
d_init_01
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) | |
| APIs | in_db |
React Frontend Development
d_init_01
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) | |
| Context API | in_db |
API Integration and Data Fetching
api-integration-and-data-fetching
|
✓ | ✓ | New skill saved · Existing dimension (library) · Role↔dimension saved |
Library artifacts (this run)
| Kind | Detail | DB id |
|---|---|---|
| canonical_skill_added | Context API | 1665 |
| dimension_skill_link | Context API ↔ API Integration and Data Fetching | 127 |
nano JD Parser — gpt-4.1-nano click to toggle
Show raw JSON
{
"JD_type": "pass",
"about_company": {
"source_marker": {
"first_5_words": "Driffle is a global digital",
"last_5_words": "digital commerce experiences."
},
"text": "Driffle is a global digital goods marketplace specializing in digital gaming products, including games, gift cards, DLCs and more across 140+ countries. We are a team of gamers with the aim of making gaming accessible and affordable to everyone. Operating across multiple jurisdictions, Driffle facilitates high-volume cross-border transactions and works with global payment service providers to deliver seamless digital commerce experiences.",
"word_count": 64
},
"certifications": [],
"company_name": "Driffle",
"ctc": null,
"domain": {
"primary": {
"aliases": [
"Digital Goods Marketplace",
"Online Retail"
],
"domain": "E-commerce"
},
"secondary": null
},
"education": [
{
"level": "Bachelor\u0027s",
"qualification": "BTECH/BE - Computer Science / Software Engineering (or related)",
"raw": "Bachelor\u2019s degree in computer science, Software Engineering, or a related field.",
"requirement": "required"
}
],
"experience": {
"max": null,
"min": 3,
"raw": "3+ years of experience in frontend development."
},
"job_locations": [],
"role": "Frontend Engineer",
"role_aliases": [
"Frontend Developer",
"UI Engineer",
"React Developer"
],
"role_archetype": "Engineering",
"roles_and_responsibilities": [
{
"bullet_count": 7,
"heading": "Key Responsibilities",
"heading_was_present": true,
"source_marker": {
"first_5_words": "Design, develop, and maintain",
"last_5_words": "trends, tools, and technologies in"
},
"text": "Design, develop, and maintain user-centric web applications using React.js, Next.js, JavaScript, and TypeScript.\nWrite clean, efficient, and reusable code following industry best practices and coding standards.\nOptimize applications for performance, scalability, and cross-browser compatibility.\nCollaborate with UI/UX designers to translate designs into functional and visually appealing interfaces.\nIntegrate frontend components with backend services via APIs.\nParticipate in code reviews, provide constructive feedback, and mentor junior team members.\nStay up to date with the latest trends, tools, and technologies in frontend development.",
"word_count": 83
},
{
"bullet_count": 9,
"heading": "Key Requirements",
"heading_was_present": true,
"source_marker": {
"first_5_words": "Bachelor\u2019s degree in computer science,",
"last_5_words": "frontend development work is a plus."
},
"text": "Bachelor\u2019s degree in computer science, Software Engineering, or a related field.\n3+ years of experience in frontend development.\nProficiency in HTML, CSS, JavaScript, TypeScript, React.js, and Next.js.\nStrong understanding of responsive design principles and cross-browser compatibility.\nExperience with state management libraries (e.g., Redux, Context API).\nFamiliarity with version control tools, especially Git.\nExcellent problem-solving and analytical skills.\nStrong communication and collaboration abilities.\nPortfolio showcasing your frontend development work is a plus.",
"word_count": 92
}
],
"urls": []
}
API 1 — extract-from-jd click to toggle
{
"final_skills": [
{
"is_primary": true,
"skill_name": "React.js"
},
{
"is_primary": true,
"skill_name": "Next.js"
},
{
"is_primary": true,
"skill_name": "JavaScript"
},
{
"is_primary": true,
"skill_name": "TypeScript"
},
{
"is_primary": true,
"skill_name": "HTML"
},
{
"is_primary": true,
"skill_name": "CSS"
},
{
"is_primary": false,
"skill_name": "Redux"
},
{
"is_primary": false,
"skill_name": "Context API"
},
{
"is_primary": false,
"skill_name": "Git"
},
{
"is_primary": true,
"skill_name": "APIs"
}
],
"jd_role": {
"display_name": "Frontend Engineer",
"rationale": null,
"role_aliases": [
"Frontend Developer",
"UI Engineer",
"React Developer"
],
"role_archetype": "Engineering",
"slug": ""
},
"nano_parsed": {
"JD_type": "pass",
"about_company": {
"source_marker": {
"first_5_words": "Driffle is a global digital",
"last_5_words": "digital commerce experiences."
},
"text": "Driffle is a global digital goods marketplace specializing in digital gaming products, including games, gift cards, DLCs and more across 140+ countries. We are a team of gamers with the aim of making gaming accessible and affordable to everyone. Operating across multiple jurisdictions, Driffle facilitates high-volume cross-border transactions and works with global payment service providers to deliver seamless digital commerce experiences.",
"word_count": 64
},
"certifications": [],
"company_name": "Driffle",
"ctc": null,
"domain": {
"primary": {
"aliases": [
"Digital Goods Marketplace",
"Online Retail"
],
"domain": "E-commerce"
},
"secondary": null
},
"education": [
{
"level": "Bachelor\u0027s",
"qualification": "BTECH/BE - Computer Science / Software Engineering (or related)",
"raw": "Bachelor\u2019s degree in computer science, Software Engineering, or a related field.",
"requirement": "required"
}
],
"experience": {
"max": null,
"min": 3,
"raw": "3+ years of experience in frontend development."
},
"job_locations": [],
"role": "Frontend Engineer",
"role_aliases": [
"Frontend Developer",
"UI Engineer",
"React Developer"
],
"role_archetype": "Engineering",
"roles_and_responsibilities": [
{
"bullet_count": 7,
"heading": "Key Responsibilities",
"heading_was_present": true,
"source_marker": {
"first_5_words": "Design, develop, and maintain",
"last_5_words": "trends, tools, and technologies in"
},
"text": "Design, develop, and maintain user-centric web applications using React.js, Next.js, JavaScript, and TypeScript.\nWrite clean, efficient, and reusable code following industry best practices and coding standards.\nOptimize applications for performance, scalability, and cross-browser compatibility.\nCollaborate with UI/UX designers to translate designs into functional and visually appealing interfaces.\nIntegrate frontend components with backend services via APIs.\nParticipate in code reviews, provide constructive feedback, and mentor junior team members.\nStay up to date with the latest trends, tools, and technologies in frontend development.",
"word_count": 83
},
{
"bullet_count": 9,
"heading": "Key Requirements",
"heading_was_present": true,
"source_marker": {
"first_5_words": "Bachelor\u2019s degree in computer science,",
"last_5_words": "frontend development work is a plus."
},
"text": "Bachelor\u2019s degree in computer science, Software Engineering, or a related field.\n3+ years of experience in frontend development.\nProficiency in HTML, CSS, JavaScript, TypeScript, React.js, and Next.js.\nStrong understanding of responsive design principles and cross-browser compatibility.\nExperience with state management libraries (e.g., Redux, Context API).\nFamiliarity with version control tools, especially Git.\nExcellent problem-solving and analytical skills.\nStrong communication and collaboration abilities.\nPortfolio showcasing your frontend development work is a plus.",
"word_count": 92
}
],
"urls": []
},
"rejected": false,
"rejection_reason": null,
"run_id": "b3350a44-9a7b-474e-ad9f-c3df4e74edf8",
"stage3_signals": {
"alias_found": true,
"alias_match_roles": [
{
"display_name": "Frontend Engineer",
"matched_count": null,
"role_id": 7,
"score": 1.0,
"slug": "frontend-engineer",
"total_count": null
}
],
"kra_match_roles": [
{
"display_name": "Frontend Engineer",
"matched_count": null,
"role_id": 7,
"score": 0.4083,
"slug": "frontend-engineer",
"total_count": null
},
{
"display_name": "Hybrid Mobile Developer",
"matched_count": null,
"role_id": 11,
"score": 0.3834,
"slug": "hybrid-mobile-developer",
"total_count": null
},
{
"display_name": "DevOps Engineer",
"matched_count": null,
"role_id": 10,
"score": 0.3809,
"slug": "devops-engineer",
"total_count": null
},
{
"display_name": "AI Engineer",
"matched_count": null,
"role_id": 13,
"score": 0.3317,
"slug": "ai-engineer",
"total_count": null
},
{
"display_name": "Full Stack Engineer",
"matched_count": null,
"role_id": 15,
"score": 0.3168,
"slug": "full-stack-engineer",
"total_count": null
}
],
"skill_match_roles": [
{
"display_name": "Frontend Engineer",
"matched_count": 5,
"role_id": 7,
"score": 0.5,
"slug": "frontend-engineer",
"total_count": 10
},
{
"display_name": "Full Stack Engineer",
"matched_count": 5,
"role_id": 15,
"score": 0.5,
"slug": "full-stack-engineer",
"total_count": 10
},
{
"display_name": "Hybrid Mobile Developer",
"matched_count": 4,
"role_id": 11,
"score": 0.4,
"slug": "hybrid-mobile-developer",
"total_count": 10
},
{
"display_name": "Backend Engineer",
"matched_count": 2,
"role_id": 1,
"score": 0.2,
"slug": "backend-engineer",
"total_count": 10
},
{
"display_name": "Ios engineer",
"matched_count": 1,
"role_id": 6,
"score": 0.1,
"slug": "ios-engineer",
"total_count": 10
}
]
},
"stage4_decision": {
"alias_collision_detected": false,
"case": "A",
"chosen_role": {
"display_name": "Frontend Engineer",
"matched_count": null,
"role_id": 7,
"score": 1.0,
"slug": "frontend-engineer",
"total_count": null
},
"confidence": 0.4083,
"llm2_fired": false,
"llm2_reasoning": null,
"queued": false,
"reasoning": "Stage 1 title \u0027Frontend Engineer\u0027 (name match, sim 1.00); KRA agrees (0.41)"
},
"stage5_updates": {
"centroid_n_after": 23,
"centroid_updated": true,
"collision_log_id": null,
"new_kra_attached": null,
"new_skills_attached": [
{
"is_primary": false,
"queue_id": 1543,
"role_display_name": "Frontend Engineer",
"role_slug": "frontend-engineer",
"skill_name": "Context API",
"status": "pending"
}
],
"queue_entry_id": null,
"v3_pipeline_triggered": false,
"v3_role_slug": null,
"v3_run_id": null
}
}
API 2 — extract-details
{
"alias_matches": [
{
"alias_persist_skipped_reason": "alias_text already exists for this canonical skill",
"alias_persisted": false,
"existing_alias_id": 840,
"existing_alias_text": "React.js",
"input_term": "React.js",
"matched_canonical": {
"category_id": 5,
"display_name": "React.js",
"id": 514,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "FRAMEWORK",
"slug": "react-js",
"sub_category_id": 363,
"typical_lifespan": "EVERGREEN",
"volatility": "STABLE"
},
"matched_via": "alias"
},
{
"alias_persist_skipped_reason": "alias_text already exists for this canonical skill",
"alias_persisted": false,
"existing_alias_id": 1210,
"existing_alias_text": "Next.js",
"input_term": "Next.js",
"matched_canonical": {
"category_id": 5,
"display_name": "Next.js",
"id": 705,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "FRAMEWORK",
"slug": "next-js",
"sub_category_id": 35,
"typical_lifespan": "EVERGREEN",
"volatility": "STABLE"
},
"matched_via": "alias"
},
{
"alias_persist_skipped_reason": "alias_text already exists for this canonical skill",
"alias_persisted": false,
"existing_alias_id": 1028,
"existing_alias_text": "JavaScript",
"input_term": "JavaScript",
"matched_canonical": {
"category_id": 6,
"display_name": "JavaScript",
"id": 607,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "LANGUAGE",
"slug": "javascript",
"sub_category_id": 96,
"typical_lifespan": "EVERGREEN",
"volatility": "STABLE"
},
"matched_via": "alias"
},
{
"alias_persist_skipped_reason": "alias_text already exists for this canonical skill",
"alias_persisted": false,
"existing_alias_id": 914,
"existing_alias_text": "TypeScript",
"input_term": "TypeScript",
"matched_canonical": {
"category_id": 6,
"display_name": "TypeScript",
"id": 524,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "LANGUAGE",
"slug": "typescript",
"sub_category_id": 96,
"typical_lifespan": "EVERGREEN",
"volatility": "STABLE"
},
"matched_via": "alias"
},
{
"alias_persist_skipped_reason": "alias_text already exists for this canonical skill",
"alias_persisted": false,
"existing_alias_id": 2627,
"existing_alias_text": "HTML",
"input_term": "HTML",
"matched_canonical": {
"category_id": 4,
"display_name": "HTML",
"id": 1657,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "STANDARD",
"slug": "html",
"sub_category_id": 1250,
"typical_lifespan": "EVERGREEN",
"volatility": "STABLE"
},
"matched_via": "alias"
},
{
"alias_persist_skipped_reason": "alias_text already exists for this canonical skill",
"alias_persisted": false,
"existing_alias_id": 1107,
"existing_alias_text": "CSS",
"input_term": "CSS",
"matched_canonical": {
"category_id": 4,
"display_name": "CSS",
"id": 623,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "STANDARD",
"slug": "css",
"sub_category_id": 1068,
"typical_lifespan": "EVERGREEN",
"volatility": "STABLE"
},
"matched_via": "alias"
},
{
"alias_persist_skipped_reason": "alias_text already exists for this canonical skill",
"alias_persisted": false,
"existing_alias_id": 1101,
"existing_alias_text": "Redux",
"input_term": "Redux",
"matched_canonical": {
"category_id": 7,
"display_name": "Redux",
"id": 617,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "LIBRARY",
"slug": "redux",
"sub_category_id": 490,
"typical_lifespan": "EVERGREEN",
"volatility": "STABLE"
},
"matched_via": "alias"
},
{
"alias_persist_skipped_reason": "alias_text already exists for this canonical skill",
"alias_persisted": false,
"existing_alias_id": 1613,
"existing_alias_text": "Git",
"input_term": "Git",
"matched_canonical": {
"category_id": 13,
"display_name": "Git",
"id": 1002,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "TOOL",
"slug": "git",
"sub_category_id": 730,
"typical_lifespan": "EVERGREEN",
"volatility": "STABLE"
},
"matched_via": "alias"
},
{
"alias_persist_skipped_reason": "alias_text already exists for this canonical skill",
"alias_persisted": false,
"existing_alias_id": 1828,
"existing_alias_text": "APIs",
"input_term": "APIs",
"matched_canonical": {
"category_id": 10,
"display_name": "APIs",
"id": 1192,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "PROTOCOL",
"slug": "apis",
"sub_category_id": 902,
"typical_lifespan": "EVERGREEN",
"volatility": "STABLE"
},
"matched_via": "alias"
}
],
"candidate_roles": [
{
"display_name": "Frontend Engineer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
},
{
"display_name": "Full Stack Engineer",
"id": 15,
"rationale": null,
"role_archetype": null,
"slug": "full-stack-engineer",
"source": "db"
},
{
"display_name": "Hybrid Mobile Developer",
"id": 11,
"rationale": null,
"role_archetype": null,
"slug": "hybrid-mobile-developer",
"source": "db"
},
{
"display_name": "Backend Engineer",
"id": 1,
"rationale": null,
"role_archetype": "A Backend Engineer designs, builds, and maintains the server-side logic and data handling that power applications and services. They focus on implementing reliable business functionality, integrating with other systems, and ensuring the backend is scalable, maintainable, and observable.",
"slug": "backend-engineer",
"source": "db"
},
{
"display_name": "AR/VR Engineer",
"id": 8,
"rationale": null,
"role_archetype": null,
"slug": "ar-vr-engineer",
"source": "db"
},
{
"display_name": "Android Engineer",
"id": 4,
"rationale": null,
"role_archetype": null,
"slug": "android-engineer",
"source": "db"
},
{
"display_name": "Ios engineer",
"id": 6,
"rationale": null,
"role_archetype": null,
"slug": "ios-engineer",
"source": "db"
}
],
"chosen_role": {
"display_name": "Frontend Engineer",
"id": 7,
"rationale": "The primary skills required for this role are best aligned with a Frontend Engineer\u0027s responsibilities.",
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
},
"dimensions": [
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "React Frontend Development",
"id": 96,
"rationale": "Building interactive web user interfaces with React.js, including component composition, state management, hooks, and rendering patterns. React.js belongs here because it is a core library for client-side UI development in modern web applications.",
"slug": "d_init_01",
"source": "db"
},
"input_skill": "React.js",
"llm_role": null,
"roles_from_db": []
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Meta-Frameworks \u0026 SSR",
"id": 130,
"rationale": "Frameworks that build on UI libraries to provide routing, server-side rendering, and static site generation.",
"slug": "meta-frameworks-ssr",
"source": "db"
},
"input_skill": "Next.js",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Frontend Engineer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "UI Frameworks and Rendering",
"id": 115,
"rationale": "Component frameworks and rendering models used to build browser screens, reusable UI, and interactive client flows. This is a core cluster because frontend engineers spend much of their time composing and updating view hierarchies.",
"slug": "ui-frameworks-and-rendering",
"source": "db"
},
"input_skill": "Next.js",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Frontend Engineer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
},
{
"display_name": "Full Stack Engineer",
"id": 15,
"rationale": null,
"role_archetype": null,
"slug": "full-stack-engineer",
"source": "db"
},
{
"display_name": "Hybrid Mobile Developer",
"id": 11,
"rationale": null,
"role_archetype": null,
"slug": "hybrid-mobile-developer",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Cross-Platform App Languages",
"id": 167,
"rationale": "Languages used to implement shared mobile features across iOS and Android from a common codebase. This is the primary coding surface for hybrid app logic, UI behavior, and platform-specific branching.",
"slug": "cross-platform-app-languages",
"source": "db"
},
"input_skill": "JavaScript",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Hybrid Mobile Developer",
"id": 11,
"rationale": null,
"role_archetype": null,
"slug": "hybrid-mobile-developer",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "JavaScript and TypeScript",
"id": 114,
"rationale": "Primary implementation languages for browser client code, UI logic, and shared frontend utilities. These languages are the main coding surface for building interactive web experiences in this role.",
"slug": "javascript-and-typescript",
"source": "db"
},
"input_skill": "JavaScript",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Frontend Engineer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Programming Languages",
"id": 1,
"rationale": "Primary implementation languages used to build client and server feature code. Full stack engineers need enough fluency to move across layers and implement product behavior end to end.",
"slug": "programming-languages",
"source": "db"
},
"input_skill": "JavaScript",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Backend Engineer",
"id": 1,
"rationale": null,
"role_archetype": "A Backend Engineer designs, builds, and maintains the server-side logic and data handling that power applications and services. They focus on implementing reliable business functionality, integrating with other systems, and ensuring the backend is scalable, maintainable, and observable.",
"slug": "backend-engineer",
"source": "db"
},
{
"display_name": "Full Stack Engineer",
"id": 15,
"rationale": null,
"role_archetype": null,
"slug": "full-stack-engineer",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Cross-Platform App Languages",
"id": 167,
"rationale": "Languages used to implement shared mobile features across iOS and Android from a common codebase. This is the primary coding surface for hybrid app logic, UI behavior, and platform-specific branching.",
"slug": "cross-platform-app-languages",
"source": "db"
},
"input_skill": "TypeScript",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Hybrid Mobile Developer",
"id": 11,
"rationale": null,
"role_archetype": null,
"slug": "hybrid-mobile-developer",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "JavaScript and TypeScript",
"id": 114,
"rationale": "Primary implementation languages for browser client code, UI logic, and shared frontend utilities. These languages are the main coding surface for building interactive web experiences in this role.",
"slug": "javascript-and-typescript",
"source": "db"
},
"input_skill": "TypeScript",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Frontend Engineer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Programming Languages",
"id": 1,
"rationale": "Primary implementation languages used to build client and server feature code. Full stack engineers need enough fluency to move across layers and implement product behavior end to end.",
"slug": "programming-languages",
"source": "db"
},
"input_skill": "TypeScript",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Backend Engineer",
"id": 1,
"rationale": null,
"role_archetype": "A Backend Engineer designs, builds, and maintains the server-side logic and data handling that power applications and services. They focus on implementing reliable business functionality, integrating with other systems, and ensuring the backend is scalable, maintainable, and observable.",
"slug": "backend-engineer",
"source": "db"
},
{
"display_name": "Full Stack Engineer",
"id": 15,
"rationale": null,
"role_archetype": null,
"slug": "full-stack-engineer",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Programming Languages for XR",
"id": 97,
"rationale": "Primary implementation languages used to build immersive client features, interaction logic, and device-specific runtime behavior. This is the core coding surface for AR/VR experiences.",
"slug": "programming-languages-for-xr",
"source": "db"
},
"input_skill": "TypeScript",
"llm_role": null,
"roles_from_db": [
{
"display_name": "AR/VR Engineer",
"id": 8,
"rationale": null,
"role_archetype": null,
"slug": "ar-vr-engineer",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "React Frontend Development",
"id": 96,
"rationale": "Building interactive web user interfaces with React.js, including component composition, state management, hooks, and rendering patterns. React.js belongs here because it is a core library for client-side UI development in modern web applications.",
"slug": "d_init_01",
"source": "db"
},
"input_skill": "HTML",
"llm_role": null,
"roles_from_db": []
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "CSS Architecture and Styling",
"id": 117,
"rationale": "Styling systems and layout techniques used to create responsive, maintainable visual presentation in the browser. Frontend engineers need this to translate design intent into consistent interfaces.",
"slug": "css-architecture-and-styling",
"source": "db"
},
"input_skill": "CSS",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Frontend Engineer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
},
{
"display_name": "Full Stack Engineer",
"id": 15,
"rationale": null,
"role_archetype": null,
"slug": "full-stack-engineer",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Screen Navigation and State",
"id": 83,
"rationale": "Patterns for moving users through app flows and keeping client state consistent across screens, refreshes, and app transitions. This is central to feature work because iOS engineers own the in-app request flow and UI logic.",
"slug": "screen-navigation-and-state",
"source": "db"
},
"input_skill": "Redux",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Android Engineer",
"id": 4,
"rationale": null,
"role_archetype": null,
"slug": "android-engineer",
"source": "db"
},
{
"display_name": "Full Stack Engineer",
"id": 15,
"rationale": null,
"role_archetype": null,
"slug": "full-stack-engineer",
"source": "db"
},
{
"display_name": "Hybrid Mobile Developer",
"id": 11,
"rationale": null,
"role_archetype": null,
"slug": "hybrid-mobile-developer",
"source": "db"
},
{
"display_name": "Ios engineer",
"id": 6,
"rationale": null,
"role_archetype": null,
"slug": "ios-engineer",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "State Management Patterns",
"id": 116,
"rationale": "Client-side state organization for forms, UI interactions, cached data, and cross-component coordination. This cluster is coherent because frontend work often hinges on predictable state transitions and data flow.",
"slug": "state-management-patterns",
"source": "db"
},
"input_skill": "Redux",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Frontend Engineer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "React Frontend Development",
"id": 96,
"rationale": "Building interactive web user interfaces with React.js, including component composition, state management, hooks, and rendering patterns. React.js belongs here because it is a core library for client-side UI development in modern web applications.",
"slug": "d_init_01",
"source": "db"
},
"input_skill": "Git",
"llm_role": null,
"roles_from_db": []
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "React Frontend Development",
"id": 96,
"rationale": "Building interactive web user interfaces with React.js, including component composition, state management, hooks, and rendering patterns. React.js belongs here because it is a core library for client-side UI development in modern web applications.",
"slug": "d_init_01",
"source": "db"
},
"input_skill": "APIs",
"llm_role": null,
"roles_from_db": []
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "API Integration and Data Fetching",
"id": 127,
"rationale": "Client-side integration with backend endpoints and third-party services, including request shaping, response handling, and synchronization with UI state. This is central to frontend work because most screens depend on remote data.",
"slug": "api-integration-and-data-fetching",
"source": "db"
},
"input_skill": "Context API",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Frontend Engineer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
},
{
"display_name": "Full Stack Engineer",
"id": 15,
"rationale": null,
"role_archetype": null,
"slug": "full-stack-engineer",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "API Integration and Data Fetching",
"id": 127,
"rationale": "Client-side integration with backend endpoints and third-party services, including request shaping, response handling, and synchronization with UI state. This is central to frontend work because most screens depend on remote data.",
"slug": "api-integration-and-data-fetching",
"source": "db"
},
"input_skill": "Context API",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Frontend Engineer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
},
{
"display_name": "Full Stack Engineer",
"id": 15,
"rationale": null,
"role_archetype": null,
"slug": "full-stack-engineer",
"source": "db"
}
]
}
],
"input_final_skills": [
"React.js",
"Next.js",
"JavaScript",
"TypeScript",
"HTML",
"CSS",
"Redux",
"Context API",
"Git",
"APIs"
],
"input_llm_skills": [
"React.js",
"Next.js",
"JavaScript",
"TypeScript",
"HTML",
"CSS",
"Redux",
"Context API",
"Git",
"APIs"
],
"new_aliases_persisted": 0,
"run_id": "b3350a44-9a7b-474e-ad9f-c3df4e74edf8",
"skills_detail": [
{
"aliases_in_db": [
{
"alias_text": "React 0.1",
"alias_type": "VERSION",
"id": 862,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 0.10",
"alias_type": "VERSION",
"id": 853,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 0.11",
"alias_type": "VERSION",
"id": 852,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 0.12",
"alias_type": "VERSION",
"id": 851,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 0.13",
"alias_type": "VERSION",
"id": 850,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 0.14",
"alias_type": "VERSION",
"id": 849,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 0.2",
"alias_type": "VERSION",
"id": 861,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 0.3",
"alias_type": "VERSION",
"id": 860,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 0.4",
"alias_type": "VERSION",
"id": 859,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 0.5",
"alias_type": "VERSION",
"id": 858,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 0.6",
"alias_type": "VERSION",
"id": 857,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 0.7",
"alias_type": "VERSION",
"id": 856,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 0.8",
"alias_type": "VERSION",
"id": 855,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 0.9",
"alias_type": "VERSION",
"id": 854,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 15",
"alias_type": "VERSION",
"id": 847,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 16",
"alias_type": "VERSION",
"id": 845,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 17",
"alias_type": "VERSION",
"id": 843,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 18",
"alias_type": "VERSION",
"id": 841,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React.js",
"alias_type": "CANONICAL",
"id": 840,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React.js 15",
"alias_type": "VERSION",
"id": 848,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React.js 16",
"alias_type": "VERSION",
"id": 846,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React.js 17",
"alias_type": "VERSION",
"id": 844,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React.js 18",
"alias_type": "VERSION",
"id": 842,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
}
],
"canonical": {
"category_id": 5,
"display_name": "React.js",
"id": 514,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "FRAMEWORK",
"slug": "react-js",
"sub_category_id": 363,
"typical_lifespan": "EVERGREEN",
"volatility": "STABLE"
},
"dimensions": [
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "React Frontend Development",
"id": 96,
"rationale": "Building interactive web user interfaces with React.js, including component composition, state management, hooks, and rendering patterns. React.js belongs here because it is a core library for client-side UI development in modern web applications.",
"slug": "d_init_01",
"source": "db"
},
"input_skill": "React.js",
"llm_role": null,
"roles_from_db": []
}
],
"input_skill": "React.js",
"matched_via": "alias",
"new_alias_persisted": false,
"new_alias_text": null,
"new_skill_meta": null,
"source_tag": "db",
"was_in_llm_skills": true
},
{
"aliases_in_db": [
{
"alias_text": "Next.js",
"alias_type": "CANONICAL",
"id": 1210,
"is_primary": true,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "Next 10",
"alias_type": "VERSION",
"id": 1219,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "Next 11",
"alias_type": "VERSION",
"id": 1220,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "Next 12",
"alias_type": "VERSION",
"id": 1221,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "Next 13",
"alias_type": "VERSION",
"id": 1222,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "Next 14",
"alias_type": "VERSION",
"id": 1223,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "Next 15",
"alias_type": "VERSION",
"id": 1224,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "Next 2",
"alias_type": "VERSION",
"id": 1211,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "Next 3",
"alias_type": "VERSION",
"id": 1212,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "Next 4",
"alias_type": "VERSION",
"id": 1213,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "Next 5",
"alias_type": "VERSION",
"id": 1214,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "Next 6",
"alias_type": "VERSION",
"id": 1215,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "Next 7",
"alias_type": "VERSION",
"id": 1216,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "Next 8",
"alias_type": "VERSION",
"id": 1217,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "Next 9",
"alias_type": "VERSION",
"id": 1218,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "Next.js 1",
"alias_type": "VERSION",
"id": 1225,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "Next.js 10",
"alias_type": "VERSION",
"id": 1234,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "Next.js 11",
"alias_type": "VERSION",
"id": 1235,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "Next.js 12",
"alias_type": "VERSION",
"id": 1236,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "Next.js 13",
"alias_type": "VERSION",
"id": 1237,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "Next.js 14",
"alias_type": "VERSION",
"id": 1238,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "Next.js 15",
"alias_type": "VERSION",
"id": 1239,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "Next.js 2",
"alias_type": "VERSION",
"id": 1226,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "Next.js 3",
"alias_type": "VERSION",
"id": 1227,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "Next.js 4",
"alias_type": "VERSION",
"id": 1228,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "Next.js 5",
"alias_type": "VERSION",
"id": 1229,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "Next.js 6",
"alias_type": "VERSION",
"id": 1230,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "Next.js 7",
"alias_type": "VERSION",
"id": 1231,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "Next.js 8",
"alias_type": "VERSION",
"id": 1232,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "Next.js 9",
"alias_type": "VERSION",
"id": 1233,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "next",
"alias_type": "VERSION",
"id": 2115,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "next.js",
"alias_type": "VERSION",
"id": 2117,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "next.js 14",
"alias_type": "VERSION",
"id": 2120,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "nextjs",
"alias_type": "VERSION",
"id": 2116,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "nextjs 14",
"alias_type": "VERSION",
"id": 2118,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
}
],
"canonical": {
"category_id": 5,
"display_name": "Next.js",
"id": 705,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "FRAMEWORK",
"slug": "next-js",
"sub_category_id": 35,
"typical_lifespan": "EVERGREEN",
"volatility": "STABLE"
},
"dimensions": [
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Meta-Frameworks \u0026 SSR",
"id": 130,
"rationale": "Frameworks that build on UI libraries to provide routing, server-side rendering, and static site generation.",
"slug": "meta-frameworks-ssr",
"source": "db"
},
"input_skill": "Next.js",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Frontend Engineer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "UI Frameworks and Rendering",
"id": 115,
"rationale": "Component frameworks and rendering models used to build browser screens, reusable UI, and interactive client flows. This is a core cluster because frontend engineers spend much of their time composing and updating view hierarchies.",
"slug": "ui-frameworks-and-rendering",
"source": "db"
},
"input_skill": "Next.js",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Frontend Engineer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
},
{
"display_name": "Full Stack Engineer",
"id": 15,
"rationale": null,
"role_archetype": null,
"slug": "full-stack-engineer",
"source": "db"
},
{
"display_name": "Hybrid Mobile Developer",
"id": 11,
"rationale": null,
"role_archetype": null,
"slug": "hybrid-mobile-developer",
"source": "db"
}
]
}
],
"input_skill": "Next.js",
"matched_via": "alias",
"new_alias_persisted": false,
"new_alias_text": null,
"new_skill_meta": null,
"source_tag": "db",
"was_in_llm_skills": true
},
{
"aliases_in_db": [
{
"alias_text": "JavaScript",
"alias_type": "CANONICAL",
"id": 1028,
"is_primary": true,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "ES2015",
"alias_type": "VERSION",
"id": 1031,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "ES2016",
"alias_type": "VERSION",
"id": 1032,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "ES2017",
"alias_type": "VERSION",
"id": 1033,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "ES2018",
"alias_type": "VERSION",
"id": 1034,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "ES2019",
"alias_type": "VERSION",
"id": 1035,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "ES2020",
"alias_type": "VERSION",
"id": 1036,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "ES2021",
"alias_type": "VERSION",
"id": 1037,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "ES2022",
"alias_type": "VERSION",
"id": 1038,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "ES2023",
"alias_type": "VERSION",
"id": 1039,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "ES2024",
"alias_type": "VERSION",
"id": 1040,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "ES5",
"alias_type": "VERSION",
"id": 1029,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "ES6",
"alias_type": "VERSION",
"id": 1030,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "JavaScript ES2015",
"alias_type": "VERSION",
"id": 1042,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "JavaScript ES2020",
"alias_type": "VERSION",
"id": 1043,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "JavaScript ES6",
"alias_type": "VERSION",
"id": 1041,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "modern JavaScript",
"alias_type": "VERSION",
"id": 1044,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
}
],
"canonical": {
"category_id": 6,
"display_name": "JavaScript",
"id": 607,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "LANGUAGE",
"slug": "javascript",
"sub_category_id": 96,
"typical_lifespan": "EVERGREEN",
"volatility": "STABLE"
},
"dimensions": [
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Cross-Platform App Languages",
"id": 167,
"rationale": "Languages used to implement shared mobile features across iOS and Android from a common codebase. This is the primary coding surface for hybrid app logic, UI behavior, and platform-specific branching.",
"slug": "cross-platform-app-languages",
"source": "db"
},
"input_skill": "JavaScript",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Hybrid Mobile Developer",
"id": 11,
"rationale": null,
"role_archetype": null,
"slug": "hybrid-mobile-developer",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "JavaScript and TypeScript",
"id": 114,
"rationale": "Primary implementation languages for browser client code, UI logic, and shared frontend utilities. These languages are the main coding surface for building interactive web experiences in this role.",
"slug": "javascript-and-typescript",
"source": "db"
},
"input_skill": "JavaScript",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Frontend Engineer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Programming Languages",
"id": 1,
"rationale": "Primary implementation languages used to build client and server feature code. Full stack engineers need enough fluency to move across layers and implement product behavior end to end.",
"slug": "programming-languages",
"source": "db"
},
"input_skill": "JavaScript",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Backend Engineer",
"id": 1,
"rationale": null,
"role_archetype": "A Backend Engineer designs, builds, and maintains the server-side logic and data handling that power applications and services. They focus on implementing reliable business functionality, integrating with other systems, and ensuring the backend is scalable, maintainable, and observable.",
"slug": "backend-engineer",
"source": "db"
},
{
"display_name": "Full Stack Engineer",
"id": 15,
"rationale": null,
"role_archetype": null,
"slug": "full-stack-engineer",
"source": "db"
}
]
}
],
"input_skill": "JavaScript",
"matched_via": "alias",
"new_alias_persisted": false,
"new_alias_text": null,
"new_skill_meta": null,
"source_tag": "db",
"was_in_llm_skills": true
},
{
"aliases_in_db": [
{
"alias_text": "TypeScript",
"alias_type": "CANONICAL",
"id": 914,
"is_primary": true,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "ts",
"alias_type": "VERSION",
"id": 1647,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "ts5",
"alias_type": "VERSION",
"id": 1648,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "typescript 5",
"alias_type": "VERSION",
"id": 1649,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "typescript 5.x",
"alias_type": "VERSION",
"id": 1650,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "typescript5",
"alias_type": "VERSION",
"id": 2179,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
}
],
"canonical": {
"category_id": 6,
"display_name": "TypeScript",
"id": 524,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "LANGUAGE",
"slug": "typescript",
"sub_category_id": 96,
"typical_lifespan": "EVERGREEN",
"volatility": "STABLE"
},
"dimensions": [
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Cross-Platform App Languages",
"id": 167,
"rationale": "Languages used to implement shared mobile features across iOS and Android from a common codebase. This is the primary coding surface for hybrid app logic, UI behavior, and platform-specific branching.",
"slug": "cross-platform-app-languages",
"source": "db"
},
"input_skill": "TypeScript",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Hybrid Mobile Developer",
"id": 11,
"rationale": null,
"role_archetype": null,
"slug": "hybrid-mobile-developer",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "JavaScript and TypeScript",
"id": 114,
"rationale": "Primary implementation languages for browser client code, UI logic, and shared frontend utilities. These languages are the main coding surface for building interactive web experiences in this role.",
"slug": "javascript-and-typescript",
"source": "db"
},
"input_skill": "TypeScript",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Frontend Engineer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Programming Languages",
"id": 1,
"rationale": "Primary implementation languages used to build client and server feature code. Full stack engineers need enough fluency to move across layers and implement product behavior end to end.",
"slug": "programming-languages",
"source": "db"
},
"input_skill": "TypeScript",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Backend Engineer",
"id": 1,
"rationale": null,
"role_archetype": "A Backend Engineer designs, builds, and maintains the server-side logic and data handling that power applications and services. They focus on implementing reliable business functionality, integrating with other systems, and ensuring the backend is scalable, maintainable, and observable.",
"slug": "backend-engineer",
"source": "db"
},
{
"display_name": "Full Stack Engineer",
"id": 15,
"rationale": null,
"role_archetype": null,
"slug": "full-stack-engineer",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Programming Languages for XR",
"id": 97,
"rationale": "Primary implementation languages used to build immersive client features, interaction logic, and device-specific runtime behavior. This is the core coding surface for AR/VR experiences.",
"slug": "programming-languages-for-xr",
"source": "db"
},
"input_skill": "TypeScript",
"llm_role": null,
"roles_from_db": [
{
"display_name": "AR/VR Engineer",
"id": 8,
"rationale": null,
"role_archetype": null,
"slug": "ar-vr-engineer",
"source": "db"
}
]
}
],
"input_skill": "TypeScript",
"matched_via": "alias",
"new_alias_persisted": false,
"new_alias_text": null,
"new_skill_meta": null,
"source_tag": "db",
"was_in_llm_skills": true
},
{
"aliases_in_db": [
{
"alias_text": "HTML",
"alias_type": "CANONICAL",
"id": 2627,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
}
],
"canonical": {
"category_id": 4,
"display_name": "HTML",
"id": 1657,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "STANDARD",
"slug": "html",
"sub_category_id": 1250,
"typical_lifespan": "EVERGREEN",
"volatility": "STABLE"
},
"dimensions": [
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "React Frontend Development",
"id": 96,
"rationale": "Building interactive web user interfaces with React.js, including component composition, state management, hooks, and rendering patterns. React.js belongs here because it is a core library for client-side UI development in modern web applications.",
"slug": "d_init_01",
"source": "db"
},
"input_skill": "HTML",
"llm_role": null,
"roles_from_db": []
}
],
"input_skill": "HTML",
"matched_via": "alias",
"new_alias_persisted": false,
"new_alias_text": null,
"new_skill_meta": null,
"source_tag": "db",
"was_in_llm_skills": true
},
{
"aliases_in_db": [
{
"alias_text": "CSS",
"alias_type": "CANONICAL",
"id": 1107,
"is_primary": true,
"match_strategy": "CASE_INSENSITIVE"
}
],
"canonical": {
"category_id": 4,
"display_name": "CSS",
"id": 623,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "STANDARD",
"slug": "css",
"sub_category_id": 1068,
"typical_lifespan": "EVERGREEN",
"volatility": "STABLE"
},
"dimensions": [
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "CSS Architecture and Styling",
"id": 117,
"rationale": "Styling systems and layout techniques used to create responsive, maintainable visual presentation in the browser. Frontend engineers need this to translate design intent into consistent interfaces.",
"slug": "css-architecture-and-styling",
"source": "db"
},
"input_skill": "CSS",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Frontend Engineer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
},
{
"display_name": "Full Stack Engineer",
"id": 15,
"rationale": null,
"role_archetype": null,
"slug": "full-stack-engineer",
"source": "db"
}
]
}
],
"input_skill": "CSS",
"matched_via": "alias",
"new_alias_persisted": false,
"new_alias_text": null,
"new_skill_meta": null,
"source_tag": "db",
"was_in_llm_skills": true
},
{
"aliases_in_db": [
{
"alias_text": "Redux",
"alias_type": "CANONICAL",
"id": 1101,
"is_primary": true,
"match_strategy": "CASE_INSENSITIVE"
}
],
"canonical": {
"category_id": 7,
"display_name": "Redux",
"id": 617,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "LIBRARY",
"slug": "redux",
"sub_category_id": 490,
"typical_lifespan": "EVERGREEN",
"volatility": "STABLE"
},
"dimensions": [
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Screen Navigation and State",
"id": 83,
"rationale": "Patterns for moving users through app flows and keeping client state consistent across screens, refreshes, and app transitions. This is central to feature work because iOS engineers own the in-app request flow and UI logic.",
"slug": "screen-navigation-and-state",
"source": "db"
},
"input_skill": "Redux",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Android Engineer",
"id": 4,
"rationale": null,
"role_archetype": null,
"slug": "android-engineer",
"source": "db"
},
{
"display_name": "Full Stack Engineer",
"id": 15,
"rationale": null,
"role_archetype": null,
"slug": "full-stack-engineer",
"source": "db"
},
{
"display_name": "Hybrid Mobile Developer",
"id": 11,
"rationale": null,
"role_archetype": null,
"slug": "hybrid-mobile-developer",
"source": "db"
},
{
"display_name": "Ios engineer",
"id": 6,
"rationale": null,
"role_archetype": null,
"slug": "ios-engineer",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "State Management Patterns",
"id": 116,
"rationale": "Client-side state organization for forms, UI interactions, cached data, and cross-component coordination. This cluster is coherent because frontend work often hinges on predictable state transitions and data flow.",
"slug": "state-management-patterns",
"source": "db"
},
"input_skill": "Redux",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Frontend Engineer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
}
]
}
],
"input_skill": "Redux",
"matched_via": "alias",
"new_alias_persisted": false,
"new_alias_text": null,
"new_skill_meta": null,
"source_tag": "db",
"was_in_llm_skills": true
},
{
"aliases_in_db": [],
"canonical": null,
"dimensions": [
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "API Integration and Data Fetching",
"id": 127,
"rationale": "Client-side integration with backend endpoints and third-party services, including request shaping, response handling, and synchronization with UI state. This is central to frontend work because most screens depend on remote data.",
"slug": "api-integration-and-data-fetching",
"source": "db"
},
"input_skill": "Context API",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Frontend Engineer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
},
{
"display_name": "Full Stack Engineer",
"id": 15,
"rationale": null,
"role_archetype": null,
"slug": "full-stack-engineer",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "API Integration and Data Fetching",
"id": 127,
"rationale": "Client-side integration with backend endpoints and third-party services, including request shaping, response handling, and synchronization with UI state. This is central to frontend work because most screens depend on remote data.",
"slug": "api-integration-and-data-fetching",
"source": "db"
},
"input_skill": "Context API",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Frontend Engineer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
},
{
"display_name": "Full Stack Engineer",
"id": 15,
"rationale": null,
"role_archetype": null,
"slug": "full-stack-engineer",
"source": "db"
}
]
}
],
"input_skill": "Context API",
"matched_via": null,
"new_alias_persisted": false,
"new_alias_text": null,
"new_skill_meta": {
"derived": {
"category": "Framework",
"skill_nature": "FRAMEWORK",
"sub_category": "state_management_api",
"typical_lifespan": "EVERGREEN",
"version_strategy": "NOT_APPLICABLE",
"volatility": "STABLE"
},
"enrichment": {
"ambiguity": {
"ambiguity_flag": false,
"confused_with": [],
"reasoning": "\u201cContext API\u201d is a specific, commonly named state-management API (e.g., React) and is unlikely to be confused with other catalog skills."
},
"context_keywords": {
"context_keywords": [
"React",
"useContext",
"useReducer",
"state management",
"provider",
"consumer",
"context provider",
"context consumer",
"global state",
"component tree",
"hooks",
"context API patterns",
"data flow",
"context updates",
"memoization",
"performance optimization"
]
},
"maturity": {
"confidence": 0.93,
"maturity": "well_known",
"reasoning": "React Context API is a standard built-in state-sharing tool and appears routinely in React job descriptions and docs; it\u2019s widely used alongside Redux/Zustand rather than being a niche add-on."
},
"skill_id": "context-api",
"vendor_license": {
"confidence": 0.9,
"license": "mit",
"vendor": "Facebook",
"year_introduced": 2018
},
"versioning": {
"current_version": null,
"version_aliases": {},
"versioned": false
}
},
"keep_log": [
{
"a_dim_id": "api-integration-and-data-fetching",
"a_name": "API Integration and Data Fetching",
"a_role": "__skill_focal__",
"b_dim_id": "api-integration-and-data-fetching",
"b_name": "API Integration and Data Fetching",
"b_role": "Full Stack Engineer",
"pair_kind": "cross_role",
"reasoning": "career-track: no, because Dim A is a frontend/client-side integration cluster (Context API for passing fetched data, REST/GraphQL requests, loading/error states, syncing server data with UI state), while Dim B is the same wording but embedded in the broader Full Stack Engineer role, where this is only one slice of a wider job. The overlap is from identical naming, not a single shared cluster.",
"similarity": 0.8277966151720092
}
],
"locked_dimensions": [
{
"description": "Client-side integration with backend endpoints and third-party services, including request shaping, response handling, and synchronization with UI state. Context API belongs here when used to pass fetched data or API-derived state through a React component tree.",
"exemplar_skills": [
"Context API",
"fetch API",
"axios",
"REST API integration",
"GraphQL client integration",
"loading and error state handling"
],
"in_scope": "Context API, REST/GraphQL requests, fetch/axios usage, response parsing, loading and error states, syncing server data with UI state, prop drilling avoidance for API data",
"name": "API Integration and Data Fetching",
"out_of_scope": "React local component state, Redux/Zustand/MobX store design, browser routing, CSS/layout concerns, backend endpoint implementation",
"overlap_flags": [
{
"reason": "Context API is often used for app-wide state sharing, which can overlap with navigation and client state management patterns.",
"with_dim_id": "screen-navigation-and-state",
"with_dim_name": null,
"with_role": "Android Engineer, Full Stack Engineer, Hybrid Mobile Developer, Ios engineer"
},
{
"reason": "Shared form or submission state may be propagated through context, but validation logic itself belongs elsewhere.",
"with_dim_id": "form-validation-and-error-recovery",
"with_dim_name": null,
"with_role": "Frontend Engineer"
}
],
"tentative_id": "api-integration-and-data-fetching"
},
{
"description": "Client-side integration with backend endpoints and third-party services, including request shaping, response handling, and synchronization with UI state. This is central to frontend work because most screens depend on remote data.",
"exemplar_skills": [
"API Integration and Data Fetching"
],
"in_scope": "Skills, tools, and practices that belong under API Integration and Data Fetching for the target role, including items implied by the dimension rationale.",
"name": "API Integration and Data Fetching",
"out_of_scope": "Adjacent clusters explicitly not owned by API Integration and Data Fetching, including unrelated platforms, roles, and skill families per library policy.",
"overlap_flags": [],
"tentative_id": "api-integration-and-data-fetching"
}
],
"merge_log": [],
"placed": {
"name": "Context API",
"placement_confidence": 0.92,
"primary_dimension": "api-integration-and-data-fetching",
"reasoning": "Deterministic JD placement: locked_dimensions has 2 dimension(s) from skill-driven dimension generation after reconciliation; primary_dimension is the first locked dim.",
"secondary_dimensions": [],
"skill_id": "context-api"
},
"relationships": {
"child_skills": [],
"parent_skills": [
"context-management",
"api"
],
"related_to": [
"apollo-client",
"axios",
"api-integration",
"api-security",
"authentication",
"async-programming",
"async-processing"
],
"requires": [],
"skill_id": "context-api",
"suppress_on_match": []
},
"skill_id": "context-api",
"split_log": [],
"typed": {
"alternatives_considered": [],
"confidence": 0.9,
"name": "Context API",
"reasoning": "By the Tool vs Framework rule, Context API is a React-provided API used inside applications to build state-sharing behavior, so it is best treated as part of a framework rather than a standalone tool.",
"skill_id": "context-api",
"subtype": "state_management_api",
"type": "Framework"
},
"warnings": [
"stage3_post_filter_dropped_catalog_only_locked_dims:41-\u003e2"
]
},
"source_tag": "llm",
"was_in_llm_skills": true
},
{
"aliases_in_db": [
{
"alias_text": "Git",
"alias_type": "CANONICAL",
"id": 1613,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
}
],
"canonical": {
"category_id": 13,
"display_name": "Git",
"id": 1002,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "TOOL",
"slug": "git",
"sub_category_id": 730,
"typical_lifespan": "EVERGREEN",
"volatility": "STABLE"
},
"dimensions": [
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "React Frontend Development",
"id": 96,
"rationale": "Building interactive web user interfaces with React.js, including component composition, state management, hooks, and rendering patterns. React.js belongs here because it is a core library for client-side UI development in modern web applications.",
"slug": "d_init_01",
"source": "db"
},
"input_skill": "Git",
"llm_role": null,
"roles_from_db": []
}
],
"input_skill": "Git",
"matched_via": "alias",
"new_alias_persisted": false,
"new_alias_text": null,
"new_skill_meta": null,
"source_tag": "db",
"was_in_llm_skills": true
},
{
"aliases_in_db": [
{
"alias_text": "APIs",
"alias_type": "CANONICAL",
"id": 1828,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
}
],
"canonical": {
"category_id": 10,
"display_name": "APIs",
"id": 1192,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "PROTOCOL",
"slug": "apis",
"sub_category_id": 902,
"typical_lifespan": "EVERGREEN",
"volatility": "STABLE"
},
"dimensions": [
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "React Frontend Development",
"id": 96,
"rationale": "Building interactive web user interfaces with React.js, including component composition, state management, hooks, and rendering patterns. React.js belongs here because it is a core library for client-side UI development in modern web applications.",
"slug": "d_init_01",
"source": "db"
},
"input_skill": "APIs",
"llm_role": null,
"roles_from_db": []
}
],
"input_skill": "APIs",
"matched_via": "alias",
"new_alias_persisted": false,
"new_alias_text": null,
"new_skill_meta": null,
"source_tag": "db",
"was_in_llm_skills": true
}
],
"unmatched_skills": [
"Context API"
]
}
API 3 — final-role-output
{
"chosen_role": {
"display_name": "Frontend Engineer",
"id": 7,
"rationale": "The primary skills required for this role are best aligned with a Frontend Engineer\u0027s responsibilities.",
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
},
"chosen_role_resolution": "in_db",
"final_input_skills": [
{
"skill": "React.js",
"tag": "in_db"
},
{
"skill": "Next.js",
"tag": "in_db"
},
{
"skill": "JavaScript",
"tag": "in_db"
},
{
"skill": "TypeScript",
"tag": "in_db"
},
{
"skill": "HTML",
"tag": "in_db"
},
{
"skill": "CSS",
"tag": "in_db"
},
{
"skill": "Redux",
"tag": "in_db"
},
{
"skill": "Context API",
"tag": "new"
},
{
"skill": "Git",
"tag": "in_db"
},
{
"skill": "APIs",
"tag": "in_db"
}
],
"llm_cost_api1_usd": null,
"llm_cost_api2_usd": null,
"llm_cost_api3_usd": null,
"llm_cost_total_usd": null,
"persistence": {
"items": [
{
"chosen_role_id": 7,
"dimension": {
"difficulty_hint": "well_known",
"display_name": "React Frontend Development",
"id": 96,
"rationale": "Building interactive web user interfaces with React.js, including component composition, state management, hooks, and rendering patterns. React.js belongs here because it is a core library for client-side UI development in modern web applications.",
"slug": "d_init_01",
"source": "db"
},
"dimension_id": 96,
"input_skill": "React.js",
"llm_role": null,
"matched_chosen_role": false,
"outcome_line": "Existing dimension (library) \u00b7 Role\u2194dimension skipped (dimension not under chosen role)",
"role_dimension_saved": false,
"roles_from_db": [],
"skill_dimension_saved": true,
"skill_id": 514,
"skill_tag": "in_db",
"skipped_reason": null
},
{
"chosen_role_id": 7,
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Meta-Frameworks \u0026 SSR",
"id": 130,
"rationale": "Frameworks that build on UI libraries to provide routing, server-side rendering, and static site generation.",
"slug": "meta-frameworks-ssr",
"source": "db"
},
"dimension_id": 130,
"input_skill": "Next.js",
"llm_role": null,
"matched_chosen_role": true,
"outcome_line": "Existing dimension (library) \u00b7 Role\u2194dimension saved",
"role_dimension_saved": true,
"roles_from_db": [
{
"display_name": "Frontend Engineer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
}
],
"skill_dimension_saved": true,
"skill_id": 705,
"skill_tag": "in_db",
"skipped_reason": null
},
{
"chosen_role_id": 7,
"dimension": {
"difficulty_hint": "well_known",
"display_name": "UI Frameworks and Rendering",
"id": 115,
"rationale": "Component frameworks and rendering models used to build browser screens, reusable UI, and interactive client flows. This is a core cluster because frontend engineers spend much of their time composing and updating view hierarchies.",
"slug": "ui-frameworks-and-rendering",
"source": "db"
},
"dimension_id": 115,
"input_skill": "Next.js",
"llm_role": null,
"matched_chosen_role": true,
"outcome_line": "Existing dimension (library) \u00b7 Role\u2194dimension saved",
"role_dimension_saved": true,
"roles_from_db": [
{
"display_name": "Frontend Engineer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
},
{
"display_name": "Full Stack Engineer",
"id": 15,
"rationale": null,
"role_archetype": null,
"slug": "full-stack-engineer",
"source": "db"
},
{
"display_name": "Hybrid Mobile Developer",
"id": 11,
"rationale": null,
"role_archetype": null,
"slug": "hybrid-mobile-developer",
"source": "db"
}
],
"skill_dimension_saved": true,
"skill_id": 705,
"skill_tag": "in_db",
"skipped_reason": null
},
{
"chosen_role_id": 7,
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Cross-Platform App Languages",
"id": 167,
"rationale": "Languages used to implement shared mobile features across iOS and Android from a common codebase. This is the primary coding surface for hybrid app logic, UI behavior, and platform-specific branching.",
"slug": "cross-platform-app-languages",
"source": "db"
},
"dimension_id": 167,
"input_skill": "JavaScript",
"llm_role": null,
"matched_chosen_role": false,
"outcome_line": "Existing dimension (library) \u00b7 Role\u2194dimension skipped (dimension not under chosen role)",
"role_dimension_saved": false,
"roles_from_db": [
{
"display_name": "Hybrid Mobile Developer",
"id": 11,
"rationale": null,
"role_archetype": null,
"slug": "hybrid-mobile-developer",
"source": "db"
}
],
"skill_dimension_saved": true,
"skill_id": 607,
"skill_tag": "in_db",
"skipped_reason": null
},
{
"chosen_role_id": 7,
"dimension": {
"difficulty_hint": "well_known",
"display_name": "JavaScript and TypeScript",
"id": 114,
"rationale": "Primary implementation languages for browser client code, UI logic, and shared frontend utilities. These languages are the main coding surface for building interactive web experiences in this role.",
"slug": "javascript-and-typescript",
"source": "db"
},
"dimension_id": 114,
"input_skill": "JavaScript",
"llm_role": null,
"matched_chosen_role": true,
"outcome_line": "Existing dimension (library) \u00b7 Role\u2194dimension saved",
"role_dimension_saved": true,
"roles_from_db": [
{
"display_name": "Frontend Engineer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
}
],
"skill_dimension_saved": true,
"skill_id": 607,
"skill_tag": "in_db",
"skipped_reason": null
},
{
"chosen_role_id": 7,
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Programming Languages",
"id": 1,
"rationale": "Primary implementation languages used to build client and server feature code. Full stack engineers need enough fluency to move across layers and implement product behavior end to end.",
"slug": "programming-languages",
"source": "db"
},
"dimension_id": 1,
"input_skill": "JavaScript",
"llm_role": null,
"matched_chosen_role": false,
"outcome_line": "Existing dimension (library) \u00b7 Role\u2194dimension skipped (dimension not under chosen role)",
"role_dimension_saved": false,
"roles_from_db": [
{
"display_name": "Backend Engineer",
"id": 1,
"rationale": null,
"role_archetype": "A Backend Engineer designs, builds, and maintains the server-side logic and data handling that power applications and services. They focus on implementing reliable business functionality, integrating with other systems, and ensuring the backend is scalable, maintainable, and observable.",
"slug": "backend-engineer",
"source": "db"
},
{
"display_name": "Full Stack Engineer",
"id": 15,
"rationale": null,
"role_archetype": null,
"slug": "full-stack-engineer",
"source": "db"
}
],
"skill_dimension_saved": true,
"skill_id": 607,
"skill_tag": "in_db",
"skipped_reason": null
},
{
"chosen_role_id": 7,
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Cross-Platform App Languages",
"id": 167,
"rationale": "Languages used to implement shared mobile features across iOS and Android from a common codebase. This is the primary coding surface for hybrid app logic, UI behavior, and platform-specific branching.",
"slug": "cross-platform-app-languages",
"source": "db"
},
"dimension_id": 167,
"input_skill": "TypeScript",
"llm_role": null,
"matched_chosen_role": false,
"outcome_line": "Existing dimension (library) \u00b7 Role\u2194dimension skipped (dimension not under chosen role)",
"role_dimension_saved": false,
"roles_from_db": [
{
"display_name": "Hybrid Mobile Developer",
"id": 11,
"rationale": null,
"role_archetype": null,
"slug": "hybrid-mobile-developer",
"source": "db"
}
],
"skill_dimension_saved": true,
"skill_id": 524,
"skill_tag": "in_db",
"skipped_reason": null
},
{
"chosen_role_id": 7,
"dimension": {
"difficulty_hint": "well_known",
"display_name": "JavaScript and TypeScript",
"id": 114,
"rationale": "Primary implementation languages for browser client code, UI logic, and shared frontend utilities. These languages are the main coding surface for building interactive web experiences in this role.",
"slug": "javascript-and-typescript",
"source": "db"
},
"dimension_id": 114,
"input_skill": "TypeScript",
"llm_role": null,
"matched_chosen_role": true,
"outcome_line": "Existing dimension (library) \u00b7 Role\u2194dimension saved",
"role_dimension_saved": true,
"roles_from_db": [
{
"display_name": "Frontend Engineer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
}
],
"skill_dimension_saved": true,
"skill_id": 524,
"skill_tag": "in_db",
"skipped_reason": null
},
{
"chosen_role_id": 7,
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Programming Languages",
"id": 1,
"rationale": "Primary implementation languages used to build client and server feature code. Full stack engineers need enough fluency to move across layers and implement product behavior end to end.",
"slug": "programming-languages",
"source": "db"
},
"dimension_id": 1,
"input_skill": "TypeScript",
"llm_role": null,
"matched_chosen_role": false,
"outcome_line": "Existing dimension (library) \u00b7 Role\u2194dimension skipped (dimension not under chosen role)",
"role_dimension_saved": false,
"roles_from_db": [
{
"display_name": "Backend Engineer",
"id": 1,
"rationale": null,
"role_archetype": "A Backend Engineer designs, builds, and maintains the server-side logic and data handling that power applications and services. They focus on implementing reliable business functionality, integrating with other systems, and ensuring the backend is scalable, maintainable, and observable.",
"slug": "backend-engineer",
"source": "db"
},
{
"display_name": "Full Stack Engineer",
"id": 15,
"rationale": null,
"role_archetype": null,
"slug": "full-stack-engineer",
"source": "db"
}
],
"skill_dimension_saved": true,
"skill_id": 524,
"skill_tag": "in_db",
"skipped_reason": null
},
{
"chosen_role_id": 7,
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Programming Languages for XR",
"id": 97,
"rationale": "Primary implementation languages used to build immersive client features, interaction logic, and device-specific runtime behavior. This is the core coding surface for AR/VR experiences.",
"slug": "programming-languages-for-xr",
"source": "db"
},
"dimension_id": 97,
"input_skill": "TypeScript",
"llm_role": null,
"matched_chosen_role": false,
"outcome_line": "Existing dimension (library) \u00b7 Role\u2194dimension skipped (dimension not under chosen role)",
"role_dimension_saved": false,
"roles_from_db": [
{
"display_name": "AR/VR Engineer",
"id": 8,
"rationale": null,
"role_archetype": null,
"slug": "ar-vr-engineer",
"source": "db"
}
],
"skill_dimension_saved": true,
"skill_id": 524,
"skill_tag": "in_db",
"skipped_reason": null
},
{
"chosen_role_id": 7,
"dimension": {
"difficulty_hint": "well_known",
"display_name": "React Frontend Development",
"id": 96,
"rationale": "Building interactive web user interfaces with React.js, including component composition, state management, hooks, and rendering patterns. React.js belongs here because it is a core library for client-side UI development in modern web applications.",
"slug": "d_init_01",
"source": "db"
},
"dimension_id": 96,
"input_skill": "HTML",
"llm_role": null,
"matched_chosen_role": false,
"outcome_line": "Existing dimension (library) \u00b7 Role\u2194dimension skipped (dimension not under chosen role)",
"role_dimension_saved": false,
"roles_from_db": [],
"skill_dimension_saved": true,
"skill_id": 1657,
"skill_tag": "in_db",
"skipped_reason": null
},
{
"chosen_role_id": 7,
"dimension": {
"difficulty_hint": "well_known",
"display_name": "CSS Architecture and Styling",
"id": 117,
"rationale": "Styling systems and layout techniques used to create responsive, maintainable visual presentation in the browser. Frontend engineers need this to translate design intent into consistent interfaces.",
"slug": "css-architecture-and-styling",
"source": "db"
},
"dimension_id": 117,
"input_skill": "CSS",
"llm_role": null,
"matched_chosen_role": true,
"outcome_line": "Existing dimension (library) \u00b7 Role\u2194dimension saved",
"role_dimension_saved": true,
"roles_from_db": [
{
"display_name": "Frontend Engineer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
},
{
"display_name": "Full Stack Engineer",
"id": 15,
"rationale": null,
"role_archetype": null,
"slug": "full-stack-engineer",
"source": "db"
}
],
"skill_dimension_saved": true,
"skill_id": 623,
"skill_tag": "in_db",
"skipped_reason": null
},
{
"chosen_role_id": 7,
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Screen Navigation and State",
"id": 83,
"rationale": "Patterns for moving users through app flows and keeping client state consistent across screens, refreshes, and app transitions. This is central to feature work because iOS engineers own the in-app request flow and UI logic.",
"slug": "screen-navigation-and-state",
"source": "db"
},
"dimension_id": 83,
"input_skill": "Redux",
"llm_role": null,
"matched_chosen_role": false,
"outcome_line": "Existing dimension (library) \u00b7 Role\u2194dimension skipped (dimension not under chosen role)",
"role_dimension_saved": false,
"roles_from_db": [
{
"display_name": "Android Engineer",
"id": 4,
"rationale": null,
"role_archetype": null,
"slug": "android-engineer",
"source": "db"
},
{
"display_name": "Full Stack Engineer",
"id": 15,
"rationale": null,
"role_archetype": null,
"slug": "full-stack-engineer",
"source": "db"
},
{
"display_name": "Hybrid Mobile Developer",
"id": 11,
"rationale": null,
"role_archetype": null,
"slug": "hybrid-mobile-developer",
"source": "db"
},
{
"display_name": "Ios engineer",
"id": 6,
"rationale": null,
"role_archetype": null,
"slug": "ios-engineer",
"source": "db"
}
],
"skill_dimension_saved": true,
"skill_id": 617,
"skill_tag": "in_db",
"skipped_reason": null
},
{
"chosen_role_id": 7,
"dimension": {
"difficulty_hint": "well_known",
"display_name": "State Management Patterns",
"id": 116,
"rationale": "Client-side state organization for forms, UI interactions, cached data, and cross-component coordination. This cluster is coherent because frontend work often hinges on predictable state transitions and data flow.",
"slug": "state-management-patterns",
"source": "db"
},
"dimension_id": 116,
"input_skill": "Redux",
"llm_role": null,
"matched_chosen_role": true,
"outcome_line": "Existing dimension (library) \u00b7 Role\u2194dimension saved",
"role_dimension_saved": true,
"roles_from_db": [
{
"display_name": "Frontend Engineer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
}
],
"skill_dimension_saved": true,
"skill_id": 617,
"skill_tag": "in_db",
"skipped_reason": null
},
{
"chosen_role_id": 7,
"dimension": {
"difficulty_hint": "well_known",
"display_name": "React Frontend Development",
"id": 96,
"rationale": "Building interactive web user interfaces with React.js, including component composition, state management, hooks, and rendering patterns. React.js belongs here because it is a core library for client-side UI development in modern web applications.",
"slug": "d_init_01",
"source": "db"
},
"dimension_id": 96,
"input_skill": "Git",
"llm_role": null,
"matched_chosen_role": false,
"outcome_line": "Existing dimension (library) \u00b7 Role\u2194dimension skipped (dimension not under chosen role)",
"role_dimension_saved": false,
"roles_from_db": [],
"skill_dimension_saved": true,
"skill_id": 1002,
"skill_tag": "in_db",
"skipped_reason": null
},
{
"chosen_role_id": 7,
"dimension": {
"difficulty_hint": "well_known",
"display_name": "React Frontend Development",
"id": 96,
"rationale": "Building interactive web user interfaces with React.js, including component composition, state management, hooks, and rendering patterns. React.js belongs here because it is a core library for client-side UI development in modern web applications.",
"slug": "d_init_01",
"source": "db"
},
"dimension_id": 96,
"input_skill": "APIs",
"llm_role": null,
"matched_chosen_role": false,
"outcome_line": "Existing dimension (library) \u00b7 Role\u2194dimension skipped (dimension not under chosen role)",
"role_dimension_saved": false,
"roles_from_db": [],
"skill_dimension_saved": true,
"skill_id": 1192,
"skill_tag": "in_db",
"skipped_reason": null
},
{
"chosen_role_id": 7,
"dimension": {
"difficulty_hint": "well_known",
"display_name": "API Integration and Data Fetching",
"id": 127,
"rationale": "Client-side integration with backend endpoints and third-party services, including request shaping, response handling, and synchronization with UI state. This is central to frontend work because most screens depend on remote data.",
"slug": "api-integration-and-data-fetching",
"source": "db"
},
"dimension_id": 127,
"input_skill": "Context API",
"llm_role": null,
"matched_chosen_role": true,
"outcome_line": "New skill saved \u00b7 Existing dimension (library) \u00b7 Role\u2194dimension saved",
"role_dimension_saved": true,
"roles_from_db": [
{
"display_name": "Frontend Engineer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
},
{
"display_name": "Full Stack Engineer",
"id": 15,
"rationale": null,
"role_archetype": null,
"slug": "full-stack-engineer",
"source": "db"
}
],
"skill_dimension_saved": true,
"skill_id": 1665,
"skill_tag": "in_db",
"skipped_reason": null
}
],
"new_skills_created": 1,
"role_dimension_saved": 0,
"skill_dimension_saved": 1,
"skipped": 0
},
"planner_output": null,
"run_id": "b3350a44-9a7b-474e-ad9f-c3df4e74edf8"
}
LLM Calls
Every model call made for this run, in pipeline order. Click a card to see the model's response.