Pipeline run
5b36dcb4-203c-4e71-9ecb-8fae99c54c70
Pipeline LLM cost (USD)
API 1: $0.0149
API 2: $0.0002
API 3: $0.0000
Total: $0.0151
Client output enrichment
v2 Skill cluster · Nature of work · AI index · Tech stack maturity · Evidence · KRA description
SPARSE JD
role baseline loaded
sources · ai_index: role_baseline · nature_of_work: jd · tech_stack_maturity: jd
Nature of work
· UI layout and styling
Build and maintain browser-based UI in React with HTML5/CSS3 and Bootstrap, using webpack/grunt/gulp plus LESS/SASS; also fix cross-browser issues and keep layouts consistent with changing priorities.
"Hands on experience in Bootstrap or any other similar UI."
Tech stack maturity
Mainstream Modern
The listed skills center on widely used modern front-end technologies and tooling such as React, Webpack, HTML5, CSS3, Bootstrap, and Sass, which are characteristic of a mainstream modern web stack rather than cutting-edge or legacy-heavy environments.
AI index (0 = no AI use, 5 = totally AI-dependent · v2.1)
1.50 / 5
· Title match
· Has AI skill
· AI skill (primary)
· AI skill (secondary)
· On AI team
· Builds AI products
vocab breakdown (legacy)
Assistants (×1):
—
Frameworks (×2):
—
Models / concepts (×3):
—
Evidence — skills matched in JD (9)
React
Bootstrap
HTML5
CSS3
Webpack
Grunt
Gulp
LESS
SASS
Skill cluster (5 dimension groups, role-scoped)
Build Tooling and Bundlers
Webpack
CSS Architecture and Styling
SASS
Component Libraries and Design Systems
Bootstrap
UI Frameworks and Rendering
React
Cross-cutting / unaligned
HTML5
CSS3
Grunt
Gulp
LESS
Show KRA description ↓
Web or Software Development, React js, Bootstrap or Similar UI, 3-5 years of experience in web and software development.
• Proficient understanding of web markup, including HTML5, CSS3.
• Hands on experience in Bootstrap or any other similar UI.
• Basic experience in ReactJS.
• Understanding of software development lifecycle.
• Flexible and willing to accept a change in priorities as necessary.
• Strong attention to detail.
• Proficient understanding of cross-browser compatibility issues and ways to work around them.
• Experience with build tools like webpack, grunt, gulp.
• Good understanding of server-side CSS pre-processing platforms, such as LESS and SASS.
Signals
Skill
web-developer
0.44
Alias
web-developer
1.00
KRA
frontend-engineer
0.59
Post-classification
Centroidupdated · n=36
Alias collision log#982
New-role queue—
New skills captured3
New KRA captured—
Captured for admin review
Grunt
primary
↔
Web Developer
pending
Gulp
primary
↔
Web Developer
pending
LESS
primary
↔
Web Developer
pending
Status:
completed
Created: 2026-05-27T16:15:58.949744Z
Updated: 2026-05-27T16:17:24.452207Z
API 3 duration: 23702 ms
Flow
Current 3-step pipeline
1 POST /skills/extract-from-jd
2 POST /skills/extract-details
3 POST /skills/final-role-output
Role
Chosen role & resolution
Web Developer
CASE Dslug: web-developer · id: 25 · source: db
LLM2 picked web-developer (confidence 0.75)
Resolution:
in_db
— role exists in library; skill↔dim and role↔dim links saved when applicable.
0
New skills
0
Skill↔dim saved
0
Role↔dim saved
0
Skipped
Job description
React js Developer Experience: 3-5y Location: Navi Mumbai (Vashi), Ahmadabad Work Mode: On-Site Skills Web or Software Development, React js, Bootstrap or Similar UI, 3-5 years of experience in web and software development. • Proficient understanding of web markup, including HTML5, CSS3. • Hands on experience in Bootstrap or any other similar UI. • Basic experience in ReactJS. • Understanding of software development lifecycle. • Flexible and willing to accept a change in priorities as necessary. • Strong attention to detail. • Proficient understanding of cross-browser compatibility issues and ways to work around them. • Experience with build tools like webpack, grunt, gulp. • Good understanding of server-side CSS pre-processing platforms, such as LESS and SASS. (ref:hirist.tech)
Skills from this JD
Each row merges API 1 extraction, API 2 library match / v3 orchestration (dimensions + locked dims), and API 3 persistence tags.
React
Primary
Library skill
API 3: existing canonical (in_db)
Existing skill (matched library)
Canonical: React
id=610
· react
Aliases — catalog
- React (CANONICAL) primary
- React 0.13 (VERSION)
- React 0.14 (VERSION)
- React 15 (VERSION)
- React 15.x (VERSION)
- React 16 (VERSION)
- React 16.x (VERSION)
- React 17 (VERSION)
- React 17.x (VERSION)
- React 18 (VERSION)
- React 18.x (VERSION)
- React 19 (VERSION)
- React v15 (VERSION)
- React v16 (VERSION)
- React v17 (VERSION)
- React v18 (VERSION)
- React v19 (VERSION)
- ReactJS 18 (VERSION)
- react 15 (VERSION)
- react 16 (VERSION)
- react 17 (VERSION)
- react 18 (VERSION)
- react 19 (VERSION)
- react15 (VERSION)
- react16 (VERSION)
- react17 (VERSION)
- react18 (VERSION)
- react19 (VERSION)
- reactjs 18 (VERSION)
Context tags (catalog)
Babel
Class Components
Component Lifecycle
Context API
Functional Components
Higher-Order Components
Hooks
JSX
Next.js
PropTypes
Props
React Native
React Router
Redux
SSR
State Management
Styled Components
Testing Library
TypeScript
Virtual DOM
Webpack
component lifecycle
context API
frontend
hooks
props
state management
useEffect
useState
virtual DOM
Stored enrichment (catalog DB)
- Category
- Framework
- Sub-category
- Frontend Framework
- Vendor
- Meta
- License
- mit
- Year introduced
- 2013
- Confidence
- 0.98
- Version strategy
- SEPARATE_ENTITY
- Version tag
- 18
Maturity reasoning: React appears in high-volume frontend job postings across startups and enterprises and remains a default hiring-pipeline skill, with strong GitHub/npm usage and ecosystem activity.
Skill profile (library / DB)
- Skill nature
- FRAMEWORK
- Volatility
- STABLE
- Typical lifespan
- EVERGREEN
- Category id
- 5
- Sub-category id
- 1072
- Extractable
- True
- Also category
- False
Dimensions (API 2 worklist)
-
Application Frameworks & Libraries Catalog dimension db id 451
Library dimension (catalog)
Roles linked in library: Sitecore Dev
-
Frameworks & Libraries Catalog dimension db id 360
Library dimension (catalog)
Roles linked in library: Drupal Dev, Engineering Manager
-
Frontend Frameworks and Libraries Catalog dimension db id 434
Library dimension (catalog)
Roles linked in library: Shopify Dev
-
JavaScript for WordPress Catalog dimension db id 329
Library dimension (catalog)
Roles linked in library: WordPress Dev
-
React Component Architecture Catalog dimension db id 302
Library dimension (catalog)
Roles linked in library: React Frontend Developer
-
UI Frameworks and Rendering Catalog dimension db id 115
Library dimension (catalog)
Roles linked in library: Frontend Developer, Fullstack Developer, Fullstack Developer, Hybrid Mobile Developer, Ionic Developer, Web Developer
API 3 link attempts (this skill)
| Dimension | Skill↔dim | Role↔dim | Outcome |
|---|---|---|---|
|
Application Frameworks & Libraries
application-frameworks-libraries
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) |
|
Frameworks & Libraries
frameworks-libraries
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) |
|
Frontend Frameworks and Libraries
frontend-frameworks-and-libraries
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) |
|
JavaScript for WordPress
javascript-for-wordpress
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) |
|
React Component Architecture
react-component-architecture
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) |
|
UI Frameworks and Rendering
ui-frameworks-and-rendering
|
✓ | ✓ | Existing dimension (library) · Role↔dimension saved |
Bootstrap
Primary
Library skill
API 3: existing canonical (in_db)
Existing skill (matched library)
Canonical: Bootstrap
id=1970
· bootstrap
Aliases — catalog
- Bootstrap (CANONICAL) primary
- bootstrap 4 (VERSION)
- bootstrap 5 (VERSION)
- bootstrap 5.x (VERSION)
- bootstrap v4 (VERSION)
- bootstrap v5 (VERSION)
- bootstrap4 (VERSION)
- bootstrap5 (VERSION)
- bs4 (VERSION)
- bs5 (VERSION)
Context tags (catalog)
CSS
CSS framework
JavaScript
JavaScript plugins
Sass
accessibility
browser compatibility
components
custom themes
flexbox
form controls
grid system
jQuery
layout
media queries
mobile-first
modals
navbar
responsive design
utilities
utility classes
Stored enrichment (catalog DB)
- Category
- Framework
- Sub-category
- Ui Framework
- Vendor
- License
- mit
- Year introduced
- 2011
- Confidence
- 0.95
- Version strategy
- SEPARATE_ENTITY
- Version tag
- 5
Maturity reasoning: Bootstrap remains widely listed in job descriptions for front-end and full-stack roles, especially for rapid UI delivery and legacy maintenance; its GitHub repo and CDN usage stay high despite newer CSS frameworks.
Skill profile (library / DB)
- Skill nature
- FRAMEWORK
- Volatility
- STABLE
- Typical lifespan
- EVERGREEN
- Category id
- 5
- Sub-category id
- 341
- Extractable
- True
- Also category
- False
Dimensions (API 2 worklist)
-
Component Libraries and Design Systems Catalog dimension db id 118
Library dimension (catalog)
Roles linked in library: Frontend Developer, Fullstack Developer, React Frontend Developer, Svelte Frontend Developer, Web Developer
-
Web UI & Integration Frameworks Catalog dimension db id 268
Library dimension (catalog)
Roles linked in library: Pega Developer
API 3 link attempts (this skill)
| Dimension | Skill↔dim | Role↔dim | Outcome |
|---|---|---|---|
|
Component Libraries and Design Systems
component-libraries-and-design-systems
|
✓ | ✓ | Existing dimension (library) · Role↔dimension saved |
|
Web UI & Integration Frameworks
web-ui-integration-frameworks
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) |
HTML5
Primary
Library skill
API 3: existing canonical (in_db)
Existing skill (matched library)
Canonical: HTML5
id=3087
· html5
Aliases — catalog
- HTML5 (CANONICAL) primary
Context tags (catalog)
Accessibility
Audio API
Canvas
Cross-browser Compatibility
DOM Manipulation
Geolocation
Local Storage
Microdata
Progressive Web Apps
Responsive Design
SVG
Semantic Elements
Video API
Web Storage
Web Workers
Stored enrichment (catalog DB)
- Category
- Language
- Sub-category
- Markup Language
- Vendor
- W3C
- License
- unknown
- Year introduced
- 2014
- Confidence
- 0.99
- Version strategy
- NOT_APPLICABLE
Maturity reasoning: HTML5 is a default requirement in web developer JDs and underpins modern browser support; MDN/WHATWG continue active standardization, with no successor replacing it.
Skill profile (library / DB)
- Skill nature
- LANGUAGE
- Volatility
- STABLE
- Typical lifespan
- EVERGREEN
- Category id
- 6
- Sub-category id
- 1467
- Extractable
- True
- Also category
- False
Dimensions (API 2 worklist)
-
Web Standards & Compliance Catalog dimension db id 343
Library dimension (catalog)
Roles linked in library: WordPress Dev
API 3 link attempts (this skill)
| Dimension | Skill↔dim | Role↔dim | Outcome |
|---|---|---|---|
|
Web Standards & Compliance
web-standards-compliance
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) |
CSS3
Primary
Library skill
API 3: existing canonical (in_db)
Existing skill (matched library)
Canonical: CSS3
id=3088
· css3
Aliases — catalog
- CSS3 (CANONICAL) primary
Context tags (catalog)
Animations
BEM
CSS Variables
Cross-browser compatibility
Flexbox
Frameworks
Grid
LESS
Media Queries
Pseudo-classes
Responsive Design
Sass
Selectors
Tailwind CSS
Transitions
Stored enrichment (catalog DB)
- Category
- Language
- Sub-category
- Stylesheet Language
- Vendor
- W3C
- License
- other_open
- Year introduced
- 1999
- Confidence
- 0.99
- Version strategy
- NOT_APPLICABLE
Maturity reasoning: CSS3 is a hiring-pipeline staple: it appears in a large share of front-end/web job descriptions and is the standard stylesheet layer for modern browsers, with no vendor sunset or replacement announced.
Skill profile (library / DB)
- Skill nature
- LANGUAGE
- Volatility
- STABLE
- Typical lifespan
- EVERGREEN
- Category id
- 6
- Sub-category id
- 486
- Extractable
- True
- Also category
- False
Dimensions (API 2 worklist)
-
Web Standards & Compliance Catalog dimension db id 343
Library dimension (catalog)
Roles linked in library: WordPress Dev
API 3 link attempts (this skill)
| Dimension | Skill↔dim | Role↔dim | Outcome |
|---|---|---|---|
|
Web Standards & Compliance
web-standards-compliance
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) |
Webpack
Primary
Library skill
API 3: existing canonical (in_db)
Existing skill (matched library)
Canonical: Webpack
id=658
· webpack
Aliases — catalog
- Webpack (CANONICAL) primary
- webpack 4 (VERSION)
- webpack 5 (VERSION)
- webpack v4 (VERSION)
- webpack v5 (VERSION)
- webpack4 (VERSION)
- webpack5 (VERSION)
- webpack@4 (VERSION)
- webpack@5 (VERSION)
Context tags (catalog)
Babel
CSS
ES6
Hot Module Replacement
JavaScript
React
TypeScript
Vue
Yarn
asset bundling
asset management
babel
babel-loader
code splitting
configuration
configuration file
dev server
development mode
development server
entry points
hot module replacement
loader
loaders
minification
module bundler
module bundling
npm
npm scripts
optimization
output configuration
output directory
plugin
plugins
production build
source maps
tree shaking
typescript
webpack-cli
webpack-dev-server
webpack.config.js
Stored enrichment (catalog DB)
- Category
- Tool
- Sub-category
- Build Tool
- Vendor
- Webpack Contributors
- License
- mit
- Year introduced
- 2012
- Confidence
- 0.98
- Version strategy
- SEPARATE_ENTITY
- Version tag
- 5
Maturity reasoning: Still widely listed in frontend JDs and used in many existing React/Vue stacks; despite Vite/esbuild growth, there’s no vendor sunset or clear replacement across the market.
Skill profile (library / DB)
- Skill nature
- TOOL
- Volatility
- STABLE
- Typical lifespan
- EVERGREEN
- Category id
- 13
- Sub-category id
- 358
- Extractable
- True
- Also category
- False
Dimensions (API 2 worklist)
-
Build Tooling and Bundlers Catalog dimension db id 123
Library dimension (catalog)
Roles linked in library: Angular Frontend Developer, Frontend Developer, React Frontend Developer, Svelte Frontend Developer, Vue Frontend Developer, Web Developer
-
Build and Packaging Tooling Catalog dimension db id 149
Library dimension (catalog)
Roles linked in library: DevOps Engineer, Ionic Developer
API 3 link attempts (this skill)
| Dimension | Skill↔dim | Role↔dim | Outcome |
|---|---|---|---|
|
Build Tooling and Bundlers
build-tooling-and-bundlers
|
✓ | ✓ | Existing dimension (library) · Role↔dimension saved |
|
Build and Packaging Tooling
build-and-packaging-tooling
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) |
Grunt
Primary
New / orchestrated
API 3: new canonical path (new)
New / unmatched skill (orchestrated in API 2)
Skill enrichment (orchestrator / LLM)
No Stage 7 enrichment blob on this skill (orchestrator skipped enrichment).
Derived legacy fields
- Category
- Build Tools
- Sub-category
- general
- Skill nature
- TOOL
- Volatility
- MEDIUM
- Typical lifespan
- MULTI_YEAR
- Version strategy
- UNVERSIONED
Gulp
Primary
New / orchestrated
API 3: new canonical path (new)
New / unmatched skill (orchestrated in API 2)
Skill enrichment (orchestrator / LLM)
No Stage 7 enrichment blob on this skill (orchestrator skipped enrichment).
Derived legacy fields
- Category
- Build Tools
- Sub-category
- general
- Skill nature
- TOOL
- Volatility
- MEDIUM
- Typical lifespan
- MULTI_YEAR
- Version strategy
- UNVERSIONED
LESS
Primary
New / orchestrated
API 3: new canonical path (new)
New / unmatched skill (orchestrated in API 2)
Skill enrichment (orchestrator / LLM)
No Stage 7 enrichment blob on this skill (orchestrator skipped enrichment).
Derived legacy fields
- Category
- CSS Preprocessors
- Sub-category
- general
- Skill nature
- TOOL
- Volatility
- MEDIUM
- Typical lifespan
- MULTI_YEAR
- Version strategy
- UNVERSIONED
SASS
Primary
Library skill
API 3: existing canonical (in_db)
Existing skill (matched library)
Canonical: Sass
id=624
· sass
Aliases — catalog
- Sass (CANONICAL) primary
Context tags (catalog)
@extend
@import
@mixin
BEM
CSS
CSS modules
CSS preprocessors
Less
PostCSS
SCSS
autoprefixer
compass
compilation
design system
frameworks
functions
inheritance
media queries
mixins
modular CSS
nesting
partials
responsive design
stylelint
styles
stylesheets
variables
Stored enrichment (catalog DB)
- Category
- Language
- Sub-category
- Stylesheet Language
- Vendor
- Hampton Catlin
- License
- mit
- Year introduced
- 2006
- Confidence
- 0.98
- Version strategy
- NOT_APPLICABLE
Maturity reasoning: Sass still appears in many front-end job descriptions and is widely supported in build tools, though CSS custom properties have reduced some greenfield demand.
Skill profile (library / DB)
- Skill nature
- LANGUAGE
- Volatility
- STABLE
- Typical lifespan
- EVERGREEN
- Category id
- 6
- Sub-category id
- 486
- 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 Developer, Fullstack Developer, Fullstack Developer, React Frontend Developer, Svelte Frontend Developer, Vue Frontend Developer, Web Developer
-
Storefront Styling and Responsive Layout Catalog dimension db id 423
Library dimension (catalog)
Roles linked in library: Shopify Dev
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 |
|
Storefront Styling and Responsive Layout
storefront-styling-and-responsive-layout
|
✓ | — | 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 | in_db |
Application Frameworks & Libraries
application-frameworks-libraries
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) | |
| React | in_db |
Frameworks & Libraries
frameworks-libraries
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) | |
| React | in_db |
Frontend Frameworks and Libraries
frontend-frameworks-and-libraries
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) | |
| React | in_db |
JavaScript for WordPress
javascript-for-wordpress
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) | |
| React | in_db |
React Component Architecture
react-component-architecture
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) | |
| React | in_db |
UI Frameworks and Rendering
ui-frameworks-and-rendering
|
✓ | ✓ | Existing dimension (library) · Role↔dimension saved | |
| Bootstrap | in_db |
Component Libraries and Design Systems
component-libraries-and-design-systems
|
✓ | ✓ | Existing dimension (library) · Role↔dimension saved | |
| Bootstrap | in_db |
Web UI & Integration Frameworks
web-ui-integration-frameworks
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) | |
| HTML5 | in_db |
Web Standards & Compliance
web-standards-compliance
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) | |
| CSS3 | in_db |
Web Standards & Compliance
web-standards-compliance
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) | |
| Webpack | in_db |
Build Tooling and Bundlers
build-tooling-and-bundlers
|
✓ | ✓ | Existing dimension (library) · Role↔dimension saved | |
| Webpack | in_db |
Build and Packaging Tooling
build-and-packaging-tooling
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) | |
| SASS | in_db |
CSS Architecture and Styling
css-architecture-and-styling
|
✓ | ✓ | Existing dimension (library) · Role↔dimension saved | |
| SASS | in_db |
Storefront Styling and Responsive Layout
storefront-styling-and-responsive-layout
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) |
Library artifacts (this run)
| Kind | Detail | DB id |
|---|---|---|
| canonical_skill_proposed | Grunt | type=Build Tools subtype=general nature=TOOL lifespan=MULTI_YEAR | |
| canonical_skill_proposed | Gulp | type=Build Tools subtype=general nature=TOOL lifespan=MULTI_YEAR | |
| canonical_skill_proposed | LESS | type=CSS Preprocessors subtype=general nature=TOOL lifespan=MULTI_YEAR |
nano JD Parser — gpt-4.1-nano click to toggle
RoleReact js Developer
Experience3-5y
DomainOther
Location
Navi Mumbai, India
(onsite)
JD type
pass
Show raw JSON
{
"JD_type": "pass",
"about_company": null,
"certifications": [],
"company_name": null,
"ctc": null,
"domain": {
"primary": {
"aliases": [],
"domain": "Other"
},
"secondary": null
},
"education": [],
"experience": {
"max": 5,
"min": 3,
"raw": "3-5y"
},
"job_locations": [
{
"aliases": [
"Vashi"
],
"city": "Navi Mumbai",
"country": "India",
"state": "Maharashtra",
"work_mode": "onsite"
},
{
"aliases": [],
"city": "Ahmedabad",
"country": "India",
"state": "Gujarat",
"work_mode": "onsite"
}
],
"role": "React js Developer",
"role_aliases": [
"React Developer",
"Frontend Developer",
"Web Developer"
],
"role_archetype": "Engineering",
"roles_and_responsibilities": [
{
"bullet_count": 9,
"heading": "Skills",
"heading_was_present": true,
"source_marker": {
"first_5_words": "Web or Software Development, React",
"last_5_words": "LESS and SASS."
},
"text": "Web or Software Development, React js, Bootstrap or Similar UI, 3-5 years of experience in web and software development.\n\u2022 Proficient understanding of web markup, including HTML5, CSS3.\n\u2022 Hands on experience in Bootstrap or any other similar UI.\n\u2022 Basic experience in ReactJS.\n\u2022 Understanding of software development lifecycle.\n\u2022 Flexible and willing to accept a change in priorities as necessary.\n\u2022 Strong attention to detail.\n\u2022 Proficient understanding of cross-browser compatibility issues and ways to work around them.\n\u2022 Experience with build tools like webpack, grunt, gulp.\n\u2022 Good understanding of server-side CSS pre-processing platforms, such as LESS and SASS.",
"word_count": 108
}
],
"urls": [
{
"type": "other",
"url": "https://hirist.tech"
}
]
}
API 1 — extract-from-jd click to toggle
{
"final_skills": [
{
"is_primary": true,
"skill_name": "React"
},
{
"is_primary": true,
"skill_name": "Bootstrap"
},
{
"is_primary": true,
"skill_name": "HTML5"
},
{
"is_primary": true,
"skill_name": "CSS3"
},
{
"is_primary": true,
"skill_name": "Webpack"
},
{
"is_primary": true,
"skill_name": "Grunt"
},
{
"is_primary": true,
"skill_name": "Gulp"
},
{
"is_primary": true,
"skill_name": "LESS"
},
{
"is_primary": true,
"skill_name": "SASS"
}
],
"jd_role": {
"display_name": "React js Developer",
"rationale": null,
"role_aliases": [
"React Developer",
"Frontend Developer",
"Web Developer"
],
"role_archetype": "Engineering",
"slug": ""
},
"nano_parsed": {
"JD_type": "pass",
"about_company": null,
"certifications": [],
"company_name": null,
"ctc": null,
"domain": {
"primary": {
"aliases": [],
"domain": "Other"
},
"secondary": null
},
"education": [],
"experience": {
"max": 5,
"min": 3,
"raw": "3-5y"
},
"job_locations": [
{
"aliases": [
"Vashi"
],
"city": "Navi Mumbai",
"country": "India",
"state": "Maharashtra",
"work_mode": "onsite"
},
{
"aliases": [],
"city": "Ahmedabad",
"country": "India",
"state": "Gujarat",
"work_mode": "onsite"
}
],
"role": "React js Developer",
"role_aliases": [
"React Developer",
"Frontend Developer",
"Web Developer"
],
"role_archetype": "Engineering",
"roles_and_responsibilities": [
{
"bullet_count": 9,
"heading": "Skills",
"heading_was_present": true,
"source_marker": {
"first_5_words": "Web or Software Development, React",
"last_5_words": "LESS and SASS."
},
"text": "Web or Software Development, React js, Bootstrap or Similar UI, 3-5 years of experience in web and software development.\n\u2022 Proficient understanding of web markup, including HTML5, CSS3.\n\u2022 Hands on experience in Bootstrap or any other similar UI.\n\u2022 Basic experience in ReactJS.\n\u2022 Understanding of software development lifecycle.\n\u2022 Flexible and willing to accept a change in priorities as necessary.\n\u2022 Strong attention to detail.\n\u2022 Proficient understanding of cross-browser compatibility issues and ways to work around them.\n\u2022 Experience with build tools like webpack, grunt, gulp.\n\u2022 Good understanding of server-side CSS pre-processing platforms, such as LESS and SASS.",
"word_count": 108
}
],
"urls": [
{
"type": "other",
"url": "https://hirist.tech"
}
]
},
"rejected": false,
"rejection_reason": null,
"run_id": "5b36dcb4-203c-4e71-9ecb-8fae99c54c70",
"stage3_signals": {
"alias_found": true,
"alias_match_roles": [
{
"display_name": "Web Developer",
"kra_matches": null,
"matched_count": null,
"matched_skills": null,
"role_id": 25,
"score": 1.0,
"slug": "web-developer",
"total_count": null
},
{
"display_name": "React Frontend Developer",
"kra_matches": null,
"matched_count": null,
"matched_skills": null,
"role_id": 89,
"score": 1.0,
"slug": "react-frontend-developer",
"total_count": null
},
{
"display_name": "Frontend Developer",
"kra_matches": null,
"matched_count": null,
"matched_skills": null,
"role_id": 7,
"score": 1.0,
"slug": "frontend-engineer",
"total_count": null
},
{
"display_name": "Frontend Developer",
"kra_matches": null,
"matched_count": null,
"matched_skills": null,
"role_id": 439,
"score": 1.0,
"slug": "frontend-developer",
"total_count": null
}
],
"kra_match_roles": [
{
"display_name": "Frontend Developer",
"kra_matches": [
{
"kra_text": "Supports production releases by diagnosing cross-browser compatibility issues, investigating UI regressions, and resolving frontend performance degradation.",
"sentence": "Proficient understanding of cross-browser compatibility issues and ways to work around them.",
"similarity": 0.6115
},
{
"kra_text": "Builds responsive user interfaces and interactive web components using React, Vue, or Angular with TypeScript, HTML5, and modern CSS for browser-based applications.",
"sentence": "Web or Software Development, React js, Bootstrap or Similar UI, 3-5 years of experience in web and software development.",
"similarity": 0.6113
},
{
"kra_text": "Ensures WCAG accessibility compliance by implementing semantic HTML, ARIA attributes, keyboard navigation, and screen reader compatibility.",
"sentence": "Proficient understanding of web markup, including HTML5, CSS3.",
"similarity": 0.5391
}
],
"matched_count": null,
"matched_skills": null,
"role_id": 7,
"score": 0.5873,
"slug": "frontend-engineer",
"total_count": null
},
{
"display_name": "React Frontend Developer",
"kra_matches": [
{
"kra_text": "support responsive layouts and browser compatibility",
"sentence": "Proficient understanding of cross-browser compatibility issues and ways to work around them.",
"similarity": 0.5757
},
{
"kra_text": "Implement user-facing screens and interactions",
"sentence": "Hands on experience in Bootstrap or any other similar UI.",
"similarity": 0.4864
},
{
"kra_text": "support responsive layouts and browser compatibility",
"sentence": "Proficient understanding of web markup, including HTML5, CSS3.",
"similarity": 0.481
}
],
"matched_count": null,
"matched_skills": null,
"role_id": 89,
"score": 0.5143,
"slug": "react-frontend-developer",
"total_count": null
},
{
"display_name": "Web Developer",
"kra_matches": [
{
"kra_text": "ensure cross-browser and responsive behavior",
"sentence": "Proficient understanding of cross-browser compatibility issues and ways to work around them.",
"similarity": 0.5957
},
{
"kra_text": "Implement browser-based UI flows",
"sentence": "Hands on experience in Bootstrap or any other similar UI.",
"similarity": 0.4891
},
{
"kra_text": "ensure cross-browser and responsive behavior",
"sentence": "Proficient understanding of web markup, including HTML5, CSS3.",
"similarity": 0.4377
}
],
"matched_count": null,
"matched_skills": null,
"role_id": 25,
"score": 0.5075,
"slug": "web-developer",
"total_count": null
},
{
"display_name": "Vue Frontend Developer",
"kra_matches": [
{
"kra_text": "validate cross-browser behavior",
"sentence": "Proficient understanding of cross-browser compatibility issues and ways to work around them.",
"similarity": 0.6285
},
{
"kra_text": "Implement browser-based user interfaces",
"sentence": "Hands on experience in Bootstrap or any other similar UI.",
"similarity": 0.4241
},
{
"kra_text": "validate cross-browser behavior",
"sentence": "Proficient understanding of web markup, including HTML5, CSS3.",
"similarity": 0.3898
}
],
"matched_count": null,
"matched_skills": null,
"role_id": 91,
"score": 0.4808,
"slug": "vue-frontend-developer",
"total_count": null
},
{
"display_name": "Ionic Developer",
"kra_matches": [
{
"kra_text": "responsive and adaptive UI behavior",
"sentence": "Hands on experience in Bootstrap or any other similar UI.",
"similarity": 0.4851
},
{
"kra_text": "cross-platform bug fixing",
"sentence": "Proficient understanding of cross-browser compatibility issues and ways to work around them.",
"similarity": 0.4816
},
{
"kra_text": "responsive and adaptive UI behavior",
"sentence": "Web or Software Development, React js, Bootstrap or Similar UI, 3-5 years of experience in web and software development.",
"similarity": 0.4371
}
],
"matched_count": null,
"matched_skills": null,
"role_id": 434,
"score": 0.4679,
"slug": "ionic-developer",
"total_count": null
}
],
"skill_match_roles": [
{
"display_name": "Web Developer",
"kra_matches": null,
"matched_count": 4,
"matched_skills": [
"Bootstrap",
"React",
"Sass",
"Webpack"
],
"role_id": 25,
"score": 0.4444,
"slug": "web-developer",
"total_count": 9
},
{
"display_name": "React Frontend Developer",
"kra_matches": null,
"matched_count": 4,
"matched_skills": [
"Bootstrap",
"React",
"Sass",
"Webpack"
],
"role_id": 89,
"score": 0.4444,
"slug": "react-frontend-developer",
"total_count": 9
},
{
"display_name": "Frontend Developer",
"kra_matches": null,
"matched_count": 4,
"matched_skills": [
"Bootstrap",
"React",
"Sass",
"Webpack"
],
"role_id": 7,
"score": 0.4444,
"slug": "frontend-engineer",
"total_count": 9
},
{
"display_name": "Fullstack Developer",
"kra_matches": null,
"matched_count": 3,
"matched_skills": [
"Bootstrap",
"React",
"Sass"
],
"role_id": 15,
"score": 0.3333,
"slug": "full-stack-engineer",
"total_count": 9
},
{
"display_name": "Svelte Frontend Developer",
"kra_matches": null,
"matched_count": 3,
"matched_skills": [
"Bootstrap",
"Sass",
"Webpack"
],
"role_id": 92,
"score": 0.3333,
"slug": "svelte-frontend-developer",
"total_count": 9
}
]
},
"stage4_decision": {
"alias_collision_detected": true,
"case": "D",
"chosen_role": {
"display_name": "Web Developer",
"kra_matches": null,
"matched_count": null,
"matched_skills": null,
"role_id": 25,
"score": 1.0,
"slug": "web-developer",
"total_count": null
},
"confidence": 0.75,
"is_new_role": false,
"llm2_fired": true,
"llm2_reasoning": "The web-developer role\u2019s KRAs around owning browser-facing UI implementation, client-side logic, and cross-browser compatibility most closely mirror the JD\u2019s HTML5/CSS3, Bootstrap and basic ReactJS requirements.",
"matched_dimensions": [],
"matched_kras": [],
"matched_skills": [],
"new_role_display_name": null,
"new_role_slug": null,
"queued": false,
"reasoning": "LLM2 picked web-developer (confidence 0.75)",
"sub_role": null
},
"stage5_updates": {
"centroid_n_after": 36,
"centroid_updated": true,
"collision_log_id": 982,
"new_kra_attached": null,
"new_skills_attached": [
{
"is_primary": true,
"queue_id": 19213,
"role_display_name": "Web Developer",
"role_slug": "web-developer",
"skill_name": "Grunt",
"status": "pending"
},
{
"is_primary": true,
"queue_id": 19214,
"role_display_name": "Web Developer",
"role_slug": "web-developer",
"skill_name": "Gulp",
"status": "pending"
},
{
"is_primary": true,
"queue_id": 19215,
"role_display_name": "Web Developer",
"role_slug": "web-developer",
"skill_name": "LESS",
"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": 1047,
"existing_alias_text": "React",
"input_term": "React",
"matched_canonical": {
"category_id": 5,
"display_name": "React",
"id": 610,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "FRAMEWORK",
"slug": "react",
"sub_category_id": 1072,
"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": 2991,
"existing_alias_text": "Bootstrap",
"input_term": "Bootstrap",
"matched_canonical": {
"category_id": 5,
"display_name": "Bootstrap",
"id": 1970,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "FRAMEWORK",
"slug": "bootstrap",
"sub_category_id": 341,
"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": 4554,
"existing_alias_text": "HTML5",
"input_term": "HTML5",
"matched_canonical": {
"category_id": 6,
"display_name": "HTML5",
"id": 3087,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "LANGUAGE",
"slug": "html5",
"sub_category_id": 1467,
"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": 4555,
"existing_alias_text": "CSS3",
"input_term": "CSS3",
"matched_canonical": {
"category_id": 6,
"display_name": "CSS3",
"id": 3088,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "LANGUAGE",
"slug": "css3",
"sub_category_id": 486,
"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": 1163,
"existing_alias_text": "Webpack",
"input_term": "Webpack",
"matched_canonical": {
"category_id": 13,
"display_name": "Webpack",
"id": 658,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "TOOL",
"slug": "webpack",
"sub_category_id": 358,
"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": 1108,
"existing_alias_text": "Sass",
"input_term": "SASS",
"matched_canonical": {
"category_id": 6,
"display_name": "Sass",
"id": 624,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "LANGUAGE",
"slug": "sass",
"sub_category_id": 486,
"typical_lifespan": "EVERGREEN",
"volatility": "STABLE"
},
"matched_via": "alias"
}
],
"candidate_roles": [
{
"display_name": "Sitecore Dev",
"id": 233,
"rationale": null,
"role_archetype": "Engineering",
"slug": "sitecore-dev",
"source": "db"
},
{
"display_name": "Drupal Dev",
"id": 228,
"rationale": null,
"role_archetype": "Engineering",
"slug": "drupal-dev",
"source": "db"
},
{
"display_name": "Engineering Manager",
"id": 121,
"rationale": null,
"role_archetype": null,
"slug": "engineering-manager",
"source": "db"
},
{
"display_name": "Shopify Dev",
"id": 230,
"rationale": null,
"role_archetype": "Engineering",
"slug": "shopify-dev",
"source": "db"
},
{
"display_name": "WordPress Dev",
"id": 227,
"rationale": null,
"role_archetype": "Engineering",
"slug": "wordpress-dev",
"source": "db"
},
{
"display_name": "React Frontend Developer",
"id": 89,
"rationale": null,
"role_archetype": "Engineering",
"slug": "react-frontend-developer",
"source": "db"
},
{
"display_name": "Frontend Developer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
},
{
"display_name": "Fullstack Developer",
"id": 435,
"rationale": null,
"role_archetype": "Engineering",
"slug": "fullstack-developer",
"source": "db"
},
{
"display_name": "Fullstack Developer",
"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": "Ionic Developer",
"id": 434,
"rationale": null,
"role_archetype": null,
"slug": "ionic-developer",
"source": "db"
},
{
"display_name": "Web Developer",
"id": 25,
"rationale": null,
"role_archetype": null,
"slug": "web-developer",
"source": "db"
},
{
"display_name": "Svelte Frontend Developer",
"id": 92,
"rationale": null,
"role_archetype": "Engineering",
"slug": "svelte-frontend-developer",
"source": "db"
},
{
"display_name": "Pega Developer",
"id": 24,
"rationale": null,
"role_archetype": null,
"slug": "pega-developer",
"source": "db"
},
{
"display_name": "Angular Frontend Developer",
"id": 90,
"rationale": null,
"role_archetype": "Engineering",
"slug": "angular-frontend-developer",
"source": "db"
},
{
"display_name": "Vue Frontend Developer",
"id": 91,
"rationale": null,
"role_archetype": "Engineering",
"slug": "vue-frontend-developer",
"source": "db"
},
{
"display_name": "DevOps Engineer",
"id": 10,
"rationale": null,
"role_archetype": null,
"slug": "devops-engineer",
"source": "db"
}
],
"chosen_role": {
"display_name": "Web Developer",
"id": 25,
"rationale": "LLM2 picked web-developer (confidence 0.75)",
"role_archetype": null,
"slug": "web-developer",
"source": "db"
},
"dimensions": [
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Application Frameworks \u0026 Libraries",
"id": 451,
"rationale": "Covers the primary software frameworks and libraries often used alongside Sitecore for building and enhancing site experiences.",
"slug": "application-frameworks-libraries",
"source": "db"
},
"input_skill": "React",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Sitecore Dev",
"id": 233,
"rationale": null,
"role_archetype": "Engineering",
"slug": "sitecore-dev",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Frameworks \u0026 Libraries",
"id": 360,
"rationale": "Manage adoption, integration, and best practices around key software frameworks and libraries.",
"slug": "frameworks-libraries",
"source": "db"
},
"input_skill": "React",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Drupal Dev",
"id": 228,
"rationale": null,
"role_archetype": "Engineering",
"slug": "drupal-dev",
"source": "db"
},
{
"display_name": "Engineering Manager",
"id": 121,
"rationale": null,
"role_archetype": null,
"slug": "engineering-manager",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Frontend Frameworks and Libraries",
"id": 434,
"rationale": "Utilizing modern JavaScript frameworks and Shopify libraries to build dynamic and interactive storefronts.",
"slug": "frontend-frameworks-and-libraries",
"source": "db"
},
"input_skill": "React",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Shopify Dev",
"id": 230,
"rationale": null,
"role_archetype": "Engineering",
"slug": "shopify-dev",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "JavaScript for WordPress",
"id": 329,
"rationale": "Client-side scripting used to enhance WordPress themes, blocks, and admin/editor interactions. This includes modern JavaScript patterns as they apply to WordPress-specific behavior rather than standalone frontend applications.",
"slug": "javascript-for-wordpress",
"source": "db"
},
"input_skill": "React",
"llm_role": null,
"roles_from_db": [
{
"display_name": "WordPress Dev",
"id": 227,
"rationale": null,
"role_archetype": "Engineering",
"slug": "wordpress-dev",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "React Component Architecture",
"id": 302,
"rationale": "Building reusable React components, composing props and children, and managing rendering behavior across feature screens. This is the primary framework cluster for a React frontend developer.",
"slug": "react-component-architecture",
"source": "db"
},
"input_skill": "React",
"llm_role": null,
"roles_from_db": [
{
"display_name": "React Frontend Developer",
"id": 89,
"rationale": null,
"role_archetype": "Engineering",
"slug": "react-frontend-developer",
"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": "React",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Frontend Developer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
},
{
"display_name": "Fullstack Developer",
"id": 435,
"rationale": null,
"role_archetype": "Engineering",
"slug": "fullstack-developer",
"source": "db"
},
{
"display_name": "Fullstack Developer",
"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": "Ionic Developer",
"id": 434,
"rationale": null,
"role_archetype": null,
"slug": "ionic-developer",
"source": "db"
},
{
"display_name": "Web Developer",
"id": 25,
"rationale": null,
"role_archetype": null,
"slug": "web-developer",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Component Libraries and Design Systems",
"id": 118,
"rationale": "Reusable UI kits and design-system implementations that standardize look, feel, and interaction patterns across products. This is a distinct cluster because frontend engineers frequently consume and extend these libraries.",
"slug": "component-libraries-and-design-systems",
"source": "db"
},
"input_skill": "Bootstrap",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Frontend Developer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
},
{
"display_name": "Fullstack Developer",
"id": 15,
"rationale": null,
"role_archetype": null,
"slug": "full-stack-engineer",
"source": "db"
},
{
"display_name": "React Frontend Developer",
"id": 89,
"rationale": null,
"role_archetype": "Engineering",
"slug": "react-frontend-developer",
"source": "db"
},
{
"display_name": "Svelte Frontend Developer",
"id": 92,
"rationale": null,
"role_archetype": "Engineering",
"slug": "svelte-frontend-developer",
"source": "db"
},
{
"display_name": "Web Developer",
"id": 25,
"rationale": null,
"role_archetype": null,
"slug": "web-developer",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Web UI \u0026 Integration Frameworks",
"id": 268,
"rationale": "Client-side and integration frameworks and libraries used to extend Pega solutions.",
"slug": "web-ui-integration-frameworks",
"source": "db"
},
"input_skill": "Bootstrap",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Pega Developer",
"id": 24,
"rationale": null,
"role_archetype": null,
"slug": "pega-developer",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Web Standards \u0026 Compliance",
"id": 343,
"rationale": "Ensuring WordPress sites adhere to web markup, styling, accessibility, and privacy regulations.",
"slug": "web-standards-compliance",
"source": "db"
},
"input_skill": "HTML5",
"llm_role": null,
"roles_from_db": [
{
"display_name": "WordPress Dev",
"id": 227,
"rationale": null,
"role_archetype": "Engineering",
"slug": "wordpress-dev",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Web Standards \u0026 Compliance",
"id": 343,
"rationale": "Ensuring WordPress sites adhere to web markup, styling, accessibility, and privacy regulations.",
"slug": "web-standards-compliance",
"source": "db"
},
"input_skill": "CSS3",
"llm_role": null,
"roles_from_db": [
{
"display_name": "WordPress Dev",
"id": 227,
"rationale": null,
"role_archetype": "Engineering",
"slug": "wordpress-dev",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Build Tooling and Bundlers",
"id": 123,
"rationale": "Tooling that compiles, transforms, and packages frontend assets for development and production. This is a coherent cluster because frontend engineers frequently tune build pipelines and module output.",
"slug": "build-tooling-and-bundlers",
"source": "db"
},
"input_skill": "Webpack",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Angular Frontend Developer",
"id": 90,
"rationale": null,
"role_archetype": "Engineering",
"slug": "angular-frontend-developer",
"source": "db"
},
{
"display_name": "Frontend Developer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
},
{
"display_name": "React Frontend Developer",
"id": 89,
"rationale": null,
"role_archetype": "Engineering",
"slug": "react-frontend-developer",
"source": "db"
},
{
"display_name": "Svelte Frontend Developer",
"id": 92,
"rationale": null,
"role_archetype": "Engineering",
"slug": "svelte-frontend-developer",
"source": "db"
},
{
"display_name": "Vue Frontend Developer",
"id": 91,
"rationale": null,
"role_archetype": "Engineering",
"slug": "vue-frontend-developer",
"source": "db"
},
{
"display_name": "Web Developer",
"id": 25,
"rationale": null,
"role_archetype": null,
"slug": "web-developer",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Build and Packaging Tooling",
"id": 149,
"rationale": "Tooling used to compile, package, and prepare Ionic apps for development and release. This cluster is coherent because Ionic developers often manage web assets, native wrappers, and environment-specific build outputs.",
"slug": "build-and-packaging-tooling",
"source": "db"
},
"input_skill": "Webpack",
"llm_role": null,
"roles_from_db": [
{
"display_name": "DevOps Engineer",
"id": 10,
"rationale": null,
"role_archetype": null,
"slug": "devops-engineer",
"source": "db"
},
{
"display_name": "Ionic Developer",
"id": 434,
"rationale": null,
"role_archetype": null,
"slug": "ionic-developer",
"source": "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": "SASS",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Frontend Developer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
},
{
"display_name": "Fullstack Developer",
"id": 435,
"rationale": null,
"role_archetype": "Engineering",
"slug": "fullstack-developer",
"source": "db"
},
{
"display_name": "Fullstack Developer",
"id": 15,
"rationale": null,
"role_archetype": null,
"slug": "full-stack-engineer",
"source": "db"
},
{
"display_name": "React Frontend Developer",
"id": 89,
"rationale": null,
"role_archetype": "Engineering",
"slug": "react-frontend-developer",
"source": "db"
},
{
"display_name": "Svelte Frontend Developer",
"id": 92,
"rationale": null,
"role_archetype": "Engineering",
"slug": "svelte-frontend-developer",
"source": "db"
},
{
"display_name": "Vue Frontend Developer",
"id": 91,
"rationale": null,
"role_archetype": "Engineering",
"slug": "vue-frontend-developer",
"source": "db"
},
{
"display_name": "Web Developer",
"id": 25,
"rationale": null,
"role_archetype": null,
"slug": "web-developer",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Storefront Styling and Responsive Layout",
"id": 423,
"rationale": "Visual presentation work for Shopify storefronts, including layout, spacing, typography, and responsive behavior. This is a coherent cluster because theme developers must translate commerce designs into usable storefront pages.",
"slug": "storefront-styling-and-responsive-layout",
"source": "db"
},
"input_skill": "SASS",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Shopify Dev",
"id": 230,
"rationale": null,
"role_archetype": "Engineering",
"slug": "shopify-dev",
"source": "db"
}
]
}
],
"input_final_skills": [
"React",
"Bootstrap",
"HTML5",
"CSS3",
"Webpack",
"Grunt",
"Gulp",
"LESS",
"SASS"
],
"input_llm_skills": [
"React",
"Bootstrap",
"HTML5",
"CSS3",
"Webpack",
"Grunt",
"Gulp",
"LESS",
"SASS"
],
"new_aliases_persisted": 0,
"run_id": "5b36dcb4-203c-4e71-9ecb-8fae99c54c70",
"skills_detail": [
{
"aliases_in_db": [
{
"alias_text": "React",
"alias_type": "CANONICAL",
"id": 1047,
"is_primary": true,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 0.13",
"alias_type": "VERSION",
"id": 1052,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 0.14",
"alias_type": "VERSION",
"id": 1053,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 15",
"alias_type": "VERSION",
"id": 1048,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 15.x",
"alias_type": "VERSION",
"id": 1054,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 16",
"alias_type": "VERSION",
"id": 1049,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 16.x",
"alias_type": "VERSION",
"id": 1055,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 17",
"alias_type": "VERSION",
"id": 1050,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 17.x",
"alias_type": "VERSION",
"id": 1056,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 18",
"alias_type": "VERSION",
"id": 1051,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 18.x",
"alias_type": "VERSION",
"id": 1057,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 19",
"alias_type": "VERSION",
"id": 2068,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React v15",
"alias_type": "VERSION",
"id": 3185,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React v16",
"alias_type": "VERSION",
"id": 3186,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React v17",
"alias_type": "VERSION",
"id": 3187,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React v18",
"alias_type": "VERSION",
"id": 3188,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React v19",
"alias_type": "VERSION",
"id": 6510,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "ReactJS 18",
"alias_type": "VERSION",
"id": 2074,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "react 15",
"alias_type": "VERSION",
"id": 2069,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "react 16",
"alias_type": "VERSION",
"id": 2070,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "react 17",
"alias_type": "VERSION",
"id": 2071,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "react 18",
"alias_type": "VERSION",
"id": 2072,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "react 19",
"alias_type": "VERSION",
"id": 2073,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "react15",
"alias_type": "VERSION",
"id": 3177,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "react16",
"alias_type": "VERSION",
"id": 3178,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "react17",
"alias_type": "VERSION",
"id": 3179,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "react18",
"alias_type": "VERSION",
"id": 3180,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "react19",
"alias_type": "VERSION",
"id": 6500,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "reactjs 18",
"alias_type": "VERSION",
"id": 2075,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
}
],
"canonical": {
"category_id": 5,
"display_name": "React",
"id": 610,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "FRAMEWORK",
"slug": "react",
"sub_category_id": 1072,
"typical_lifespan": "EVERGREEN",
"volatility": "STABLE"
},
"dimensions": [
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Application Frameworks \u0026 Libraries",
"id": 451,
"rationale": "Covers the primary software frameworks and libraries often used alongside Sitecore for building and enhancing site experiences.",
"slug": "application-frameworks-libraries",
"source": "db"
},
"input_skill": "React",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Sitecore Dev",
"id": 233,
"rationale": null,
"role_archetype": "Engineering",
"slug": "sitecore-dev",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Frameworks \u0026 Libraries",
"id": 360,
"rationale": "Manage adoption, integration, and best practices around key software frameworks and libraries.",
"slug": "frameworks-libraries",
"source": "db"
},
"input_skill": "React",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Drupal Dev",
"id": 228,
"rationale": null,
"role_archetype": "Engineering",
"slug": "drupal-dev",
"source": "db"
},
{
"display_name": "Engineering Manager",
"id": 121,
"rationale": null,
"role_archetype": null,
"slug": "engineering-manager",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Frontend Frameworks and Libraries",
"id": 434,
"rationale": "Utilizing modern JavaScript frameworks and Shopify libraries to build dynamic and interactive storefronts.",
"slug": "frontend-frameworks-and-libraries",
"source": "db"
},
"input_skill": "React",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Shopify Dev",
"id": 230,
"rationale": null,
"role_archetype": "Engineering",
"slug": "shopify-dev",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "JavaScript for WordPress",
"id": 329,
"rationale": "Client-side scripting used to enhance WordPress themes, blocks, and admin/editor interactions. This includes modern JavaScript patterns as they apply to WordPress-specific behavior rather than standalone frontend applications.",
"slug": "javascript-for-wordpress",
"source": "db"
},
"input_skill": "React",
"llm_role": null,
"roles_from_db": [
{
"display_name": "WordPress Dev",
"id": 227,
"rationale": null,
"role_archetype": "Engineering",
"slug": "wordpress-dev",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "React Component Architecture",
"id": 302,
"rationale": "Building reusable React components, composing props and children, and managing rendering behavior across feature screens. This is the primary framework cluster for a React frontend developer.",
"slug": "react-component-architecture",
"source": "db"
},
"input_skill": "React",
"llm_role": null,
"roles_from_db": [
{
"display_name": "React Frontend Developer",
"id": 89,
"rationale": null,
"role_archetype": "Engineering",
"slug": "react-frontend-developer",
"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": "React",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Frontend Developer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
},
{
"display_name": "Fullstack Developer",
"id": 435,
"rationale": null,
"role_archetype": "Engineering",
"slug": "fullstack-developer",
"source": "db"
},
{
"display_name": "Fullstack Developer",
"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": "Ionic Developer",
"id": 434,
"rationale": null,
"role_archetype": null,
"slug": "ionic-developer",
"source": "db"
},
{
"display_name": "Web Developer",
"id": 25,
"rationale": null,
"role_archetype": null,
"slug": "web-developer",
"source": "db"
}
]
}
],
"input_skill": "React",
"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": "Bootstrap",
"alias_type": "CANONICAL",
"id": 2991,
"is_primary": true,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "bootstrap 4",
"alias_type": "VERSION",
"id": 2996,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "bootstrap 5",
"alias_type": "VERSION",
"id": 2997,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "bootstrap 5.x",
"alias_type": "VERSION",
"id": 3240,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "bootstrap v4",
"alias_type": "VERSION",
"id": 2998,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "bootstrap v5",
"alias_type": "VERSION",
"id": 2999,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "bootstrap4",
"alias_type": "VERSION",
"id": 2994,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "bootstrap5",
"alias_type": "VERSION",
"id": 2995,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "bs4",
"alias_type": "VERSION",
"id": 2992,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "bs5",
"alias_type": "VERSION",
"id": 2993,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
}
],
"canonical": {
"category_id": 5,
"display_name": "Bootstrap",
"id": 1970,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "FRAMEWORK",
"slug": "bootstrap",
"sub_category_id": 341,
"typical_lifespan": "EVERGREEN",
"volatility": "STABLE"
},
"dimensions": [
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Component Libraries and Design Systems",
"id": 118,
"rationale": "Reusable UI kits and design-system implementations that standardize look, feel, and interaction patterns across products. This is a distinct cluster because frontend engineers frequently consume and extend these libraries.",
"slug": "component-libraries-and-design-systems",
"source": "db"
},
"input_skill": "Bootstrap",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Frontend Developer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
},
{
"display_name": "Fullstack Developer",
"id": 15,
"rationale": null,
"role_archetype": null,
"slug": "full-stack-engineer",
"source": "db"
},
{
"display_name": "React Frontend Developer",
"id": 89,
"rationale": null,
"role_archetype": "Engineering",
"slug": "react-frontend-developer",
"source": "db"
},
{
"display_name": "Svelte Frontend Developer",
"id": 92,
"rationale": null,
"role_archetype": "Engineering",
"slug": "svelte-frontend-developer",
"source": "db"
},
{
"display_name": "Web Developer",
"id": 25,
"rationale": null,
"role_archetype": null,
"slug": "web-developer",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Web UI \u0026 Integration Frameworks",
"id": 268,
"rationale": "Client-side and integration frameworks and libraries used to extend Pega solutions.",
"slug": "web-ui-integration-frameworks",
"source": "db"
},
"input_skill": "Bootstrap",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Pega Developer",
"id": 24,
"rationale": null,
"role_archetype": null,
"slug": "pega-developer",
"source": "db"
}
]
}
],
"input_skill": "Bootstrap",
"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": "HTML5",
"alias_type": "CANONICAL",
"id": 4554,
"is_primary": true,
"match_strategy": "CASE_INSENSITIVE"
}
],
"canonical": {
"category_id": 6,
"display_name": "HTML5",
"id": 3087,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "LANGUAGE",
"slug": "html5",
"sub_category_id": 1467,
"typical_lifespan": "EVERGREEN",
"volatility": "STABLE"
},
"dimensions": [
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Web Standards \u0026 Compliance",
"id": 343,
"rationale": "Ensuring WordPress sites adhere to web markup, styling, accessibility, and privacy regulations.",
"slug": "web-standards-compliance",
"source": "db"
},
"input_skill": "HTML5",
"llm_role": null,
"roles_from_db": [
{
"display_name": "WordPress Dev",
"id": 227,
"rationale": null,
"role_archetype": "Engineering",
"slug": "wordpress-dev",
"source": "db"
}
]
}
],
"input_skill": "HTML5",
"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": "CSS3",
"alias_type": "CANONICAL",
"id": 4555,
"is_primary": true,
"match_strategy": "CASE_INSENSITIVE"
}
],
"canonical": {
"category_id": 6,
"display_name": "CSS3",
"id": 3088,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "LANGUAGE",
"slug": "css3",
"sub_category_id": 486,
"typical_lifespan": "EVERGREEN",
"volatility": "STABLE"
},
"dimensions": [
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Web Standards \u0026 Compliance",
"id": 343,
"rationale": "Ensuring WordPress sites adhere to web markup, styling, accessibility, and privacy regulations.",
"slug": "web-standards-compliance",
"source": "db"
},
"input_skill": "CSS3",
"llm_role": null,
"roles_from_db": [
{
"display_name": "WordPress Dev",
"id": 227,
"rationale": null,
"role_archetype": "Engineering",
"slug": "wordpress-dev",
"source": "db"
}
]
}
],
"input_skill": "CSS3",
"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": "Webpack",
"alias_type": "CANONICAL",
"id": 1163,
"is_primary": true,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "webpack 4",
"alias_type": "VERSION",
"id": 3334,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "webpack 5",
"alias_type": "VERSION",
"id": 3335,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "webpack v4",
"alias_type": "VERSION",
"id": 3338,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "webpack v5",
"alias_type": "VERSION",
"id": 3339,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "webpack4",
"alias_type": "VERSION",
"id": 3332,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "webpack5",
"alias_type": "VERSION",
"id": 3333,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "webpack@4",
"alias_type": "VERSION",
"id": 3336,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "webpack@5",
"alias_type": "VERSION",
"id": 3337,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
}
],
"canonical": {
"category_id": 13,
"display_name": "Webpack",
"id": 658,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "TOOL",
"slug": "webpack",
"sub_category_id": 358,
"typical_lifespan": "EVERGREEN",
"volatility": "STABLE"
},
"dimensions": [
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Build Tooling and Bundlers",
"id": 123,
"rationale": "Tooling that compiles, transforms, and packages frontend assets for development and production. This is a coherent cluster because frontend engineers frequently tune build pipelines and module output.",
"slug": "build-tooling-and-bundlers",
"source": "db"
},
"input_skill": "Webpack",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Angular Frontend Developer",
"id": 90,
"rationale": null,
"role_archetype": "Engineering",
"slug": "angular-frontend-developer",
"source": "db"
},
{
"display_name": "Frontend Developer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
},
{
"display_name": "React Frontend Developer",
"id": 89,
"rationale": null,
"role_archetype": "Engineering",
"slug": "react-frontend-developer",
"source": "db"
},
{
"display_name": "Svelte Frontend Developer",
"id": 92,
"rationale": null,
"role_archetype": "Engineering",
"slug": "svelte-frontend-developer",
"source": "db"
},
{
"display_name": "Vue Frontend Developer",
"id": 91,
"rationale": null,
"role_archetype": "Engineering",
"slug": "vue-frontend-developer",
"source": "db"
},
{
"display_name": "Web Developer",
"id": 25,
"rationale": null,
"role_archetype": null,
"slug": "web-developer",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Build and Packaging Tooling",
"id": 149,
"rationale": "Tooling used to compile, package, and prepare Ionic apps for development and release. This cluster is coherent because Ionic developers often manage web assets, native wrappers, and environment-specific build outputs.",
"slug": "build-and-packaging-tooling",
"source": "db"
},
"input_skill": "Webpack",
"llm_role": null,
"roles_from_db": [
{
"display_name": "DevOps Engineer",
"id": 10,
"rationale": null,
"role_archetype": null,
"slug": "devops-engineer",
"source": "db"
},
{
"display_name": "Ionic Developer",
"id": 434,
"rationale": null,
"role_archetype": null,
"slug": "ionic-developer",
"source": "db"
}
]
}
],
"input_skill": "Webpack",
"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": [],
"input_skill": "Grunt",
"matched_via": null,
"new_alias_persisted": false,
"new_alias_text": null,
"new_skill_meta": {
"derived": {
"category": "Build Tools",
"skill_nature": "TOOL",
"sub_category": "general",
"typical_lifespan": "MULTI_YEAR",
"version_strategy": "UNVERSIONED",
"volatility": "MEDIUM"
},
"enrichment": null,
"keep_log": [],
"locked_dimensions": [],
"merge_log": [],
"placed": null,
"relationships": null,
"skill_id": "grunt",
"split_log": [],
"typed": null,
"warnings": []
},
"source_tag": "llm",
"was_in_llm_skills": true
},
{
"aliases_in_db": [],
"canonical": null,
"dimensions": [],
"input_skill": "Gulp",
"matched_via": null,
"new_alias_persisted": false,
"new_alias_text": null,
"new_skill_meta": {
"derived": {
"category": "Build Tools",
"skill_nature": "TOOL",
"sub_category": "general",
"typical_lifespan": "MULTI_YEAR",
"version_strategy": "UNVERSIONED",
"volatility": "MEDIUM"
},
"enrichment": null,
"keep_log": [],
"locked_dimensions": [],
"merge_log": [],
"placed": null,
"relationships": null,
"skill_id": "gulp",
"split_log": [],
"typed": null,
"warnings": []
},
"source_tag": "llm",
"was_in_llm_skills": true
},
{
"aliases_in_db": [],
"canonical": null,
"dimensions": [],
"input_skill": "LESS",
"matched_via": null,
"new_alias_persisted": false,
"new_alias_text": null,
"new_skill_meta": {
"derived": {
"category": "CSS Preprocessors",
"skill_nature": "TOOL",
"sub_category": "general",
"typical_lifespan": "MULTI_YEAR",
"version_strategy": "UNVERSIONED",
"volatility": "MEDIUM"
},
"enrichment": null,
"keep_log": [],
"locked_dimensions": [],
"merge_log": [],
"placed": null,
"relationships": null,
"skill_id": "less",
"split_log": [],
"typed": null,
"warnings": []
},
"source_tag": "llm",
"was_in_llm_skills": true
},
{
"aliases_in_db": [
{
"alias_text": "Sass",
"alias_type": "CANONICAL",
"id": 1108,
"is_primary": true,
"match_strategy": "CASE_INSENSITIVE"
}
],
"canonical": {
"category_id": 6,
"display_name": "Sass",
"id": 624,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "LANGUAGE",
"slug": "sass",
"sub_category_id": 486,
"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": "SASS",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Frontend Developer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
},
{
"display_name": "Fullstack Developer",
"id": 435,
"rationale": null,
"role_archetype": "Engineering",
"slug": "fullstack-developer",
"source": "db"
},
{
"display_name": "Fullstack Developer",
"id": 15,
"rationale": null,
"role_archetype": null,
"slug": "full-stack-engineer",
"source": "db"
},
{
"display_name": "React Frontend Developer",
"id": 89,
"rationale": null,
"role_archetype": "Engineering",
"slug": "react-frontend-developer",
"source": "db"
},
{
"display_name": "Svelte Frontend Developer",
"id": 92,
"rationale": null,
"role_archetype": "Engineering",
"slug": "svelte-frontend-developer",
"source": "db"
},
{
"display_name": "Vue Frontend Developer",
"id": 91,
"rationale": null,
"role_archetype": "Engineering",
"slug": "vue-frontend-developer",
"source": "db"
},
{
"display_name": "Web Developer",
"id": 25,
"rationale": null,
"role_archetype": null,
"slug": "web-developer",
"source": "db"
}
]
},
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Storefront Styling and Responsive Layout",
"id": 423,
"rationale": "Visual presentation work for Shopify storefronts, including layout, spacing, typography, and responsive behavior. This is a coherent cluster because theme developers must translate commerce designs into usable storefront pages.",
"slug": "storefront-styling-and-responsive-layout",
"source": "db"
},
"input_skill": "SASS",
"llm_role": null,
"roles_from_db": [
{
"display_name": "Shopify Dev",
"id": 230,
"rationale": null,
"role_archetype": "Engineering",
"slug": "shopify-dev",
"source": "db"
}
]
}
],
"input_skill": "SASS",
"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": [
"Grunt",
"Gulp",
"LESS"
]
}
API 3 — final-role-output
{
"chosen_role": {
"display_name": "Web Developer",
"id": 25,
"rationale": "LLM2 picked web-developer (confidence 0.75)",
"role_archetype": null,
"slug": "web-developer",
"source": "db"
},
"chosen_role_resolution": "in_db",
"final_input_skills": [
{
"skill": "React",
"tag": "in_db"
},
{
"skill": "Bootstrap",
"tag": "in_db"
},
{
"skill": "HTML5",
"tag": "in_db"
},
{
"skill": "CSS3",
"tag": "in_db"
},
{
"skill": "Webpack",
"tag": "in_db"
},
{
"skill": "Grunt",
"tag": "new"
},
{
"skill": "Gulp",
"tag": "new"
},
{
"skill": "LESS",
"tag": "new"
},
{
"skill": "SASS",
"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": 25,
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Application Frameworks \u0026 Libraries",
"id": 451,
"rationale": "Covers the primary software frameworks and libraries often used alongside Sitecore for building and enhancing site experiences.",
"slug": "application-frameworks-libraries",
"source": "db"
},
"dimension_id": 451,
"input_skill": "React",
"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": "Sitecore Dev",
"id": 233,
"rationale": null,
"role_archetype": "Engineering",
"slug": "sitecore-dev",
"source": "db"
}
],
"skill_dimension_saved": true,
"skill_id": 610,
"skill_tag": "in_db",
"skipped_reason": null
},
{
"chosen_role_id": 25,
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Frameworks \u0026 Libraries",
"id": 360,
"rationale": "Manage adoption, integration, and best practices around key software frameworks and libraries.",
"slug": "frameworks-libraries",
"source": "db"
},
"dimension_id": 360,
"input_skill": "React",
"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": "Drupal Dev",
"id": 228,
"rationale": null,
"role_archetype": "Engineering",
"slug": "drupal-dev",
"source": "db"
},
{
"display_name": "Engineering Manager",
"id": 121,
"rationale": null,
"role_archetype": null,
"slug": "engineering-manager",
"source": "db"
}
],
"skill_dimension_saved": true,
"skill_id": 610,
"skill_tag": "in_db",
"skipped_reason": null
},
{
"chosen_role_id": 25,
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Frontend Frameworks and Libraries",
"id": 434,
"rationale": "Utilizing modern JavaScript frameworks and Shopify libraries to build dynamic and interactive storefronts.",
"slug": "frontend-frameworks-and-libraries",
"source": "db"
},
"dimension_id": 434,
"input_skill": "React",
"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": "Shopify Dev",
"id": 230,
"rationale": null,
"role_archetype": "Engineering",
"slug": "shopify-dev",
"source": "db"
}
],
"skill_dimension_saved": true,
"skill_id": 610,
"skill_tag": "in_db",
"skipped_reason": null
},
{
"chosen_role_id": 25,
"dimension": {
"difficulty_hint": "well_known",
"display_name": "JavaScript for WordPress",
"id": 329,
"rationale": "Client-side scripting used to enhance WordPress themes, blocks, and admin/editor interactions. This includes modern JavaScript patterns as they apply to WordPress-specific behavior rather than standalone frontend applications.",
"slug": "javascript-for-wordpress",
"source": "db"
},
"dimension_id": 329,
"input_skill": "React",
"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": "WordPress Dev",
"id": 227,
"rationale": null,
"role_archetype": "Engineering",
"slug": "wordpress-dev",
"source": "db"
}
],
"skill_dimension_saved": true,
"skill_id": 610,
"skill_tag": "in_db",
"skipped_reason": null
},
{
"chosen_role_id": 25,
"dimension": {
"difficulty_hint": "well_known",
"display_name": "React Component Architecture",
"id": 302,
"rationale": "Building reusable React components, composing props and children, and managing rendering behavior across feature screens. This is the primary framework cluster for a React frontend developer.",
"slug": "react-component-architecture",
"source": "db"
},
"dimension_id": 302,
"input_skill": "React",
"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": "React Frontend Developer",
"id": 89,
"rationale": null,
"role_archetype": "Engineering",
"slug": "react-frontend-developer",
"source": "db"
}
],
"skill_dimension_saved": true,
"skill_id": 610,
"skill_tag": "in_db",
"skipped_reason": null
},
{
"chosen_role_id": 25,
"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": "React",
"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 Developer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
},
{
"display_name": "Fullstack Developer",
"id": 435,
"rationale": null,
"role_archetype": "Engineering",
"slug": "fullstack-developer",
"source": "db"
},
{
"display_name": "Fullstack Developer",
"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": "Ionic Developer",
"id": 434,
"rationale": null,
"role_archetype": null,
"slug": "ionic-developer",
"source": "db"
},
{
"display_name": "Web Developer",
"id": 25,
"rationale": null,
"role_archetype": null,
"slug": "web-developer",
"source": "db"
}
],
"skill_dimension_saved": true,
"skill_id": 610,
"skill_tag": "in_db",
"skipped_reason": null
},
{
"chosen_role_id": 25,
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Component Libraries and Design Systems",
"id": 118,
"rationale": "Reusable UI kits and design-system implementations that standardize look, feel, and interaction patterns across products. This is a distinct cluster because frontend engineers frequently consume and extend these libraries.",
"slug": "component-libraries-and-design-systems",
"source": "db"
},
"dimension_id": 118,
"input_skill": "Bootstrap",
"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 Developer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
},
{
"display_name": "Fullstack Developer",
"id": 15,
"rationale": null,
"role_archetype": null,
"slug": "full-stack-engineer",
"source": "db"
},
{
"display_name": "React Frontend Developer",
"id": 89,
"rationale": null,
"role_archetype": "Engineering",
"slug": "react-frontend-developer",
"source": "db"
},
{
"display_name": "Svelte Frontend Developer",
"id": 92,
"rationale": null,
"role_archetype": "Engineering",
"slug": "svelte-frontend-developer",
"source": "db"
},
{
"display_name": "Web Developer",
"id": 25,
"rationale": null,
"role_archetype": null,
"slug": "web-developer",
"source": "db"
}
],
"skill_dimension_saved": true,
"skill_id": 1970,
"skill_tag": "in_db",
"skipped_reason": null
},
{
"chosen_role_id": 25,
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Web UI \u0026 Integration Frameworks",
"id": 268,
"rationale": "Client-side and integration frameworks and libraries used to extend Pega solutions.",
"slug": "web-ui-integration-frameworks",
"source": "db"
},
"dimension_id": 268,
"input_skill": "Bootstrap",
"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": "Pega Developer",
"id": 24,
"rationale": null,
"role_archetype": null,
"slug": "pega-developer",
"source": "db"
}
],
"skill_dimension_saved": true,
"skill_id": 1970,
"skill_tag": "in_db",
"skipped_reason": null
},
{
"chosen_role_id": 25,
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Web Standards \u0026 Compliance",
"id": 343,
"rationale": "Ensuring WordPress sites adhere to web markup, styling, accessibility, and privacy regulations.",
"slug": "web-standards-compliance",
"source": "db"
},
"dimension_id": 343,
"input_skill": "HTML5",
"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": "WordPress Dev",
"id": 227,
"rationale": null,
"role_archetype": "Engineering",
"slug": "wordpress-dev",
"source": "db"
}
],
"skill_dimension_saved": true,
"skill_id": 3087,
"skill_tag": "in_db",
"skipped_reason": null
},
{
"chosen_role_id": 25,
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Web Standards \u0026 Compliance",
"id": 343,
"rationale": "Ensuring WordPress sites adhere to web markup, styling, accessibility, and privacy regulations.",
"slug": "web-standards-compliance",
"source": "db"
},
"dimension_id": 343,
"input_skill": "CSS3",
"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": "WordPress Dev",
"id": 227,
"rationale": null,
"role_archetype": "Engineering",
"slug": "wordpress-dev",
"source": "db"
}
],
"skill_dimension_saved": true,
"skill_id": 3088,
"skill_tag": "in_db",
"skipped_reason": null
},
{
"chosen_role_id": 25,
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Build Tooling and Bundlers",
"id": 123,
"rationale": "Tooling that compiles, transforms, and packages frontend assets for development and production. This is a coherent cluster because frontend engineers frequently tune build pipelines and module output.",
"slug": "build-tooling-and-bundlers",
"source": "db"
},
"dimension_id": 123,
"input_skill": "Webpack",
"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": "Angular Frontend Developer",
"id": 90,
"rationale": null,
"role_archetype": "Engineering",
"slug": "angular-frontend-developer",
"source": "db"
},
{
"display_name": "Frontend Developer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
},
{
"display_name": "React Frontend Developer",
"id": 89,
"rationale": null,
"role_archetype": "Engineering",
"slug": "react-frontend-developer",
"source": "db"
},
{
"display_name": "Svelte Frontend Developer",
"id": 92,
"rationale": null,
"role_archetype": "Engineering",
"slug": "svelte-frontend-developer",
"source": "db"
},
{
"display_name": "Vue Frontend Developer",
"id": 91,
"rationale": null,
"role_archetype": "Engineering",
"slug": "vue-frontend-developer",
"source": "db"
},
{
"display_name": "Web Developer",
"id": 25,
"rationale": null,
"role_archetype": null,
"slug": "web-developer",
"source": "db"
}
],
"skill_dimension_saved": true,
"skill_id": 658,
"skill_tag": "in_db",
"skipped_reason": null
},
{
"chosen_role_id": 25,
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Build and Packaging Tooling",
"id": 149,
"rationale": "Tooling used to compile, package, and prepare Ionic apps for development and release. This cluster is coherent because Ionic developers often manage web assets, native wrappers, and environment-specific build outputs.",
"slug": "build-and-packaging-tooling",
"source": "db"
},
"dimension_id": 149,
"input_skill": "Webpack",
"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": "DevOps Engineer",
"id": 10,
"rationale": null,
"role_archetype": null,
"slug": "devops-engineer",
"source": "db"
},
{
"display_name": "Ionic Developer",
"id": 434,
"rationale": null,
"role_archetype": null,
"slug": "ionic-developer",
"source": "db"
}
],
"skill_dimension_saved": true,
"skill_id": 658,
"skill_tag": "in_db",
"skipped_reason": null
},
{
"chosen_role_id": 25,
"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": "SASS",
"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 Developer",
"id": 7,
"rationale": null,
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
},
{
"display_name": "Fullstack Developer",
"id": 435,
"rationale": null,
"role_archetype": "Engineering",
"slug": "fullstack-developer",
"source": "db"
},
{
"display_name": "Fullstack Developer",
"id": 15,
"rationale": null,
"role_archetype": null,
"slug": "full-stack-engineer",
"source": "db"
},
{
"display_name": "React Frontend Developer",
"id": 89,
"rationale": null,
"role_archetype": "Engineering",
"slug": "react-frontend-developer",
"source": "db"
},
{
"display_name": "Svelte Frontend Developer",
"id": 92,
"rationale": null,
"role_archetype": "Engineering",
"slug": "svelte-frontend-developer",
"source": "db"
},
{
"display_name": "Vue Frontend Developer",
"id": 91,
"rationale": null,
"role_archetype": "Engineering",
"slug": "vue-frontend-developer",
"source": "db"
},
{
"display_name": "Web Developer",
"id": 25,
"rationale": null,
"role_archetype": null,
"slug": "web-developer",
"source": "db"
}
],
"skill_dimension_saved": true,
"skill_id": 624,
"skill_tag": "in_db",
"skipped_reason": null
},
{
"chosen_role_id": 25,
"dimension": {
"difficulty_hint": "well_known",
"display_name": "Storefront Styling and Responsive Layout",
"id": 423,
"rationale": "Visual presentation work for Shopify storefronts, including layout, spacing, typography, and responsive behavior. This is a coherent cluster because theme developers must translate commerce designs into usable storefront pages.",
"slug": "storefront-styling-and-responsive-layout",
"source": "db"
},
"dimension_id": 423,
"input_skill": "SASS",
"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": "Shopify Dev",
"id": 230,
"rationale": null,
"role_archetype": "Engineering",
"slug": "shopify-dev",
"source": "db"
}
],
"skill_dimension_saved": true,
"skill_id": 624,
"skill_tag": "in_db",
"skipped_reason": null
}
],
"new_skills_created": 0,
"role_dimension_saved": 0,
"skill_dimension_saved": 0,
"skipped": 0
},
"planner_output": null,
"run_id": "5b36dcb4-203c-4e71-9ecb-8fae99c54c70"
}