Pipeline run
d2498e8a-4fa4-49a9-bb68-26cdf885e0c4
Client output enrichment
v2 Skill cluster · Nature of work · AI index · Tech stack maturity · Evidence · KRA descriptionvocab breakdown (legacy)
Signals
1 POST /skills/extract-from-jd
2 POST /skills/extract-details
3 POST /skills/final-role-output
Frontend Developer
CASE Aslug: frontend-engineer · id: 7 · source: db
Multi-alias tie (3 roles at 1.0) resolved by TIER_B_TITLE: Frontend Developer
Resolution:
in_db
— role exists in library; skill↔dim and role↔dim links saved when applicable.
Job description
Job Title : ReactJS Developer | PAN India Company Name : Confidential Website : Confidential Location : PAN India Job Type : Full Time, Work from Office Years of Experience : 3+ years Job Description As a ReactJS Developer, you will play a crucial role in designing and implementing high-performance, scalable, and responsive web applications. This is a fantastic opportunity to be a part of a cutting-edge team and contribute to the success of exciting projects. Key Responsibilities • Front-end Development: • Develop and maintain user interfaces for web applications using ReactJS. • Collaborate with the design team to translate UI/UX design wireframes into high-quality code. • Implement responsive designs for various devices and browsers. • Code Optimization: • Write clean, efficient, and well-documented code. • Optimize applications for maximum speed and scalability. • Component-based Development: • Create reusable, modular components to be used across the application. • Ensure the technical feasibility of UI/UX designs. • Collaboration: • Work closely with cross-functional teams, including back-end developers and designers, to integrate user-facing elements with server-side logic. • Participate in code reviews and provide constructive feedback. • Troubleshooting and Debugging: • Identify and fix bugs and performance bottlenecks. • Conduct thorough testing of applications and implement solutions to enhance stability. • Adoption of Best Practices: • Stay updated with the latest industry trends, best practices, and emerging technologies. • Implement and advocate for best practices in front-end development. Qualifications And Skills • Bachelor's degree in Computer Science, Engineering, or a related field. • Proven experience as a ReactJS Developer with a minimum of 3 years. • Strong proficiency in JavaScript, HTML, CSS, and related web technologies. • Experience with state management libraries such as Redux. • Familiarity with RESTful APIs and asynchronous request handling. • Good understanding of front-end build tools, such as Webpack. • Excellent problem-solving and debugging skills. • Strong communication and collaboration skills. • Ability to work in a fast-paced and dynamic environment. Note: The company name, website, and other confidential details are intentionally left blank for privacy reasons. Interested candidates will receive further information upon application.
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
|
— | — |
Skipped — no persistable v3 meta for new skill
skill_not_in_db_v3_proposed
|
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 |
|---|---|---|---|---|---|---|
| ReactJS | new |
React Frontend Development
d_init_01
|
— | — | Skipped — no persistable v3 meta for new skill | skill_not_in_db_v3_proposed |
Library artifacts (this run)
| Kind | Detail | DB id |
|---|---|---|
| dimension_skill_link_proposed | ReactJS ↔ React Frontend Development |
nano JD Parser — gpt-4.1-nano click to toggle
Show raw JSON
{
"JD_type": "pass",
"about_company": null,
"certifications": [],
"company_name": "Confidential",
"ctc": null,
"domain": {
"primary": {
"aliases": [],
"domain": "IT Services \u0026 Consulting"
},
"secondary": null
},
"education": [
{
"level": "Bachelor\u0027s",
"qualification": "BTECH/BE - Computer Science (or related)",
"raw": "Bachelor\u0027s degree in Computer Science, Engineering, or a related field.",
"requirement": "required"
}
],
"experience": {
"max": null,
"min": 3,
"raw": "3+ years"
},
"job_locations": [
{
"aliases": [
"PAN India"
],
"city": null,
"country": "India",
"state": null,
"work_mode": "onsite"
}
],
"role": "ReactJS Developer",
"role_aliases": [
"React Developer",
"Frontend Developer",
"JavaScript Developer"
],
"role_archetype": "Engineering",
"roles_and_responsibilities": [
{
"bullet_count": 15,
"heading": "Key Responsibilities",
"heading_was_present": true,
"source_marker": {
"first_5_words": "Key Responsibilities \u2022 Front-end Development:",
"last_5_words": "best practices in front-end development."
},
"text": "\u2022 Front-end Development:\n\u2022 Develop and maintain user interfaces for web applications using ReactJS.\n\u2022 Collaborate with the design team to translate UI/UX design wireframes into high-quality code.\n\u2022 Implement responsive designs for various devices and browsers.\n\u2022 Code Optimization:\n\u2022 Write clean, efficient, and well-documented code.\n\u2022 Optimize applications for maximum speed and scalability.\n\u2022 Component-based Development:\n\u2022 Create reusable, modular components to be used across the application.\n\u2022 Ensure the technical feasibility of UI/UX designs.\n\u2022 Collaboration:\n\u2022 Work closely with cross-functional teams, including back-end developers and designers, to integrate user-facing elements with server-side logic.\n\u2022 Participate in code reviews and provide constructive feedback.\n\u2022 Troubleshooting and Debugging:\n\u2022 Identify and fix bugs and performance bottlenecks.\n\u2022 Conduct thorough testing of applications and implement solutions to enhance stability.\n\u2022 Adoption of Best Practices:\n\u2022 Stay updated with the latest industry trends, best practices, and emerging technologies.\n\u2022 Implement and advocate for best practices in front-end development.",
"word_count": 233
}
],
"urls": []
}
API 1 — extract-from-jd click to toggle
{
"final_skills": [
{
"is_primary": true,
"skill_name": "ReactJS"
}
],
"jd_role": {
"display_name": "ReactJS Developer",
"rationale": null,
"role_aliases": [
"React Developer",
"Frontend Developer",
"JavaScript Developer"
],
"role_archetype": "Engineering",
"slug": ""
},
"nano_parsed": {
"JD_type": "pass",
"about_company": null,
"certifications": [],
"company_name": "Confidential",
"ctc": null,
"domain": {
"primary": {
"aliases": [],
"domain": "IT Services \u0026 Consulting"
},
"secondary": null
},
"education": [
{
"level": "Bachelor\u0027s",
"qualification": "BTECH/BE - Computer Science (or related)",
"raw": "Bachelor\u0027s degree in Computer Science, Engineering, or a related field.",
"requirement": "required"
}
],
"experience": {
"max": null,
"min": 3,
"raw": "3+ years"
},
"job_locations": [
{
"aliases": [
"PAN India"
],
"city": null,
"country": "India",
"state": null,
"work_mode": "onsite"
}
],
"role": "ReactJS Developer",
"role_aliases": [
"React Developer",
"Frontend Developer",
"JavaScript Developer"
],
"role_archetype": "Engineering",
"roles_and_responsibilities": [
{
"bullet_count": 15,
"heading": "Key Responsibilities",
"heading_was_present": true,
"source_marker": {
"first_5_words": "Key Responsibilities \u2022 Front-end Development:",
"last_5_words": "best practices in front-end development."
},
"text": "\u2022 Front-end Development:\n\u2022 Develop and maintain user interfaces for web applications using ReactJS.\n\u2022 Collaborate with the design team to translate UI/UX design wireframes into high-quality code.\n\u2022 Implement responsive designs for various devices and browsers.\n\u2022 Code Optimization:\n\u2022 Write clean, efficient, and well-documented code.\n\u2022 Optimize applications for maximum speed and scalability.\n\u2022 Component-based Development:\n\u2022 Create reusable, modular components to be used across the application.\n\u2022 Ensure the technical feasibility of UI/UX designs.\n\u2022 Collaboration:\n\u2022 Work closely with cross-functional teams, including back-end developers and designers, to integrate user-facing elements with server-side logic.\n\u2022 Participate in code reviews and provide constructive feedback.\n\u2022 Troubleshooting and Debugging:\n\u2022 Identify and fix bugs and performance bottlenecks.\n\u2022 Conduct thorough testing of applications and implement solutions to enhance stability.\n\u2022 Adoption of Best Practices:\n\u2022 Stay updated with the latest industry trends, best practices, and emerging technologies.\n\u2022 Implement and advocate for best practices in front-end development.",
"word_count": 233
}
],
"urls": []
},
"rejected": false,
"rejection_reason": null,
"run_id": "d2498e8a-4fa4-49a9-bb68-26cdf885e0c4",
"stage3_signals": {
"alias_found": true,
"alias_match_roles": [
{
"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": "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
}
],
"kra_match_roles": [
{
"display_name": "Frontend Developer",
"kra_matches": [
{
"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": "Develop and maintain user interfaces for web applications using ReactJS.",
"similarity": 0.7273
},
{
"kra_text": "Maintains reusable component libraries, design system tokens, and shared UI patterns across the application to ensure visual and behavioral consistency.",
"sentence": "Create reusable, modular components to be used across the application.",
"similarity": 0.6676
},
{
"kra_text": "Collaborates with UX designers to refine interaction details, animations, responsive breakpoints, and micro-interaction behavior.",
"sentence": "Collaborate with the design team to translate UI/UX design wireframes into high-quality code.",
"similarity": 0.6567
}
],
"matched_count": null,
"matched_skills": null,
"role_id": 7,
"score": 0.6839,
"slug": "frontend-engineer",
"total_count": null
},
{
"display_name": "React Frontend Developer",
"kra_matches": [
{
"kra_text": "support responsive layouts and browser compatibility",
"sentence": "Implement responsive designs for various devices and browsers.",
"similarity": 0.7425
},
{
"kra_text": "compose reusable interface components",
"sentence": "Create reusable, modular components to be used across the application.",
"similarity": 0.6973
},
{
"kra_text": "Implement user-facing screens and interactions",
"sentence": "Develop and maintain user interfaces for web applications using ReactJS.",
"similarity": 0.5336
}
],
"matched_count": null,
"matched_skills": null,
"role_id": 89,
"score": 0.6578,
"slug": "react-frontend-developer",
"total_count": null
},
{
"display_name": "Flutter Developer",
"kra_matches": [
{
"kra_text": "structure reusable application code",
"sentence": "Create reusable, modular components to be used across the application.",
"similarity": 0.6958
},
{
"kra_text": "collaborate with design, product, and backend teams",
"sentence": "Work closely with cross-functional teams, including back-end developers and designers, to integrate user-facing elements with server-side logic.",
"similarity": 0.6547
},
{
"kra_text": "collaborate with design, product, and backend teams",
"sentence": "Collaborate with the design team to translate UI/UX design wireframes into high-quality code.",
"similarity": 0.6153
}
],
"matched_count": null,
"matched_skills": null,
"role_id": 74,
"score": 0.6553,
"slug": "flutter-developer",
"total_count": null
},
{
"display_name": "Fullstack Developer",
"kra_matches": [
{
"kra_text": "Works closely with product managers and UX designers to translate requirements and wireframes into working software features through iterative development.",
"sentence": "Collaborate with the design team to translate UI/UX design wireframes into high-quality code.",
"similarity": 0.7052
},
{
"kra_text": "Works closely with product managers and UX designers to translate requirements and wireframes into working software features through iterative development.",
"sentence": "Work closely with cross-functional teams, including back-end developers and designers, to integrate user-facing elements with server-side logic.",
"similarity": 0.5922
},
{
"kra_text": "Builds and integrates client-side React or Vue components with server-side Node.js or Django APIs, managing bidirectional data flow across frontend and backend layers.",
"sentence": "Develop and maintain user interfaces for web applications using ReactJS.",
"similarity": 0.5901
}
],
"matched_count": null,
"matched_skills": null,
"role_id": 15,
"score": 0.6292,
"slug": "full-stack-engineer",
"total_count": null
},
{
"display_name": "Vue Frontend Developer",
"kra_matches": [
{
"kra_text": "structure reusable presentation components",
"sentence": "Create reusable, modular components to be used across the application.",
"similarity": 0.6794
},
{
"kra_text": "improve usability and responsiveness",
"sentence": "Implement responsive designs for various devices and browsers.",
"similarity": 0.5618
},
{
"kra_text": "Implement browser-based user interfaces",
"sentence": "Develop and maintain user interfaces for web applications using ReactJS.",
"similarity": 0.5381
}
],
"matched_count": null,
"matched_skills": null,
"role_id": 91,
"score": 0.5931,
"slug": "vue-frontend-developer",
"total_count": null
}
],
"skill_match_roles": []
},
"stage4_decision": {
"alias_collision_detected": true,
"case": "A",
"chosen_role": {
"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
},
"confidence": 0.95,
"is_new_role": false,
"llm2_fired": false,
"llm2_reasoning": null,
"matched_dimensions": [],
"matched_kras": [],
"matched_skills": [],
"new_role_display_name": null,
"new_role_slug": null,
"queued": false,
"reasoning": "Multi-alias tie (3 roles at 1.0) resolved by TIER_B_TITLE: Frontend Developer",
"sub_role": null
},
"stage5_updates": null
}
API 2 — extract-details
{
"alias_matches": [
{
"alias_persist_skipped_reason": "TODO: REMOVE AFTER TESTING \u2014 alias DB write disabled",
"alias_persisted": false,
"existing_alias_id": null,
"existing_alias_text": null,
"input_term": "ReactJS",
"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": "embedding_display_name"
}
],
"candidate_roles": [],
"chosen_role": {
"display_name": "Frontend Developer",
"id": 7,
"rationale": "Multi-alias tie (3 roles at 1.0) resolved by TIER_B_TITLE: Frontend Developer",
"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": "ReactJS",
"llm_role": null,
"roles_from_db": []
}
],
"input_final_skills": [
"ReactJS"
],
"input_llm_skills": [
"ReactJS"
],
"new_aliases_persisted": 0,
"run_id": "d2498e8a-4fa4-49a9-bb68-26cdf885e0c4",
"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": "ReactJS",
"llm_role": null,
"roles_from_db": []
}
],
"input_skill": "ReactJS",
"matched_via": "embedding_display_name",
"new_alias_persisted": false,
"new_alias_text": null,
"new_skill_meta": null,
"source_tag": "db",
"was_in_llm_skills": true
}
],
"unmatched_skills": []
}
API 3 — final-role-output
{
"chosen_role": {
"display_name": "Frontend Developer",
"id": 7,
"rationale": "Multi-alias tie (3 roles at 1.0) resolved by TIER_B_TITLE: Frontend Developer",
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
},
"chosen_role_resolution": "in_db",
"final_input_skills": [
{
"skill": "ReactJS",
"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": "ReactJS",
"llm_role": null,
"matched_chosen_role": false,
"outcome_line": "Skipped \u2014 no persistable v3 meta for new skill",
"role_dimension_saved": false,
"roles_from_db": [],
"skill_dimension_saved": false,
"skill_id": null,
"skill_tag": "new",
"skipped_reason": "skill_not_in_db_v3_proposed"
}
],
"new_skills_created": 0,
"role_dimension_saved": 0,
"skill_dimension_saved": 0,
"skipped": 1
},
"planner_output": null,
"run_id": "d2498e8a-4fa4-49a9-bb68-26cdf885e0c4"
}
LLM Calls
Every model call made for this run, in pipeline order. Click a card to see the model's response.