Pipeline run
0f0745b4-5ea7-408c-8d1d-ae10645a58ac
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_A_KRA: Frontend Developer
Resolution:
in_db
— role exists in library; skill↔dim and role↔dim links saved when applicable.
Job description
About The Job Toptal developers work with speed and efficiency to deliver the highest quality of work. We are looking for someone who is passionate about their client’s business, and ready to work on exciting projects with Fortune 500 companies and Silicon Valley startups, with great rates and zero hassles. If you are looking for a place to advance your career, enhance your skill set, and build connections around the globe, Toptal is right for you. About Toptal Toptal is an exclusive network of top freelancers from around the world. Fortune 500 companies and Silicon Valley startups hire Toptal for their most important projects. Toptal is one of the fastest-growing fully remote networks and empowers freelance software developers, designers, finance experts, product managers, and project managers worldwide to grow and excel in their freelance careers. Toptal clients vary in sizes and industries, from enterprise organizations and big tech companies to Silicon Valley startups and renowned universities. Once you enter the network, our matchers will contact you with project opportunities that fit your expertise and preferences. We have experts in over 120 countries who get to work remotely on projects that meet their career ambitions. About The Role We are looking for a great developer who is proficient with React.js. Your primary focus might vary from: (1) developing new user-facing features using React.js, (2) translating designs and wireframes into high-quality code, (3) building reusable components and front-end libraries for future use, and (4) optimizing components for maximum performance across a vast array of web-capable devices and browsers. A commitment to collaborative problem solving, sophisticated design, and quality product is essential. Requirements English language proficiency At least 3 years of professional experience as a full-time developer Project management skills A keen attention to detail Experience with system architecture or leading a software team is a strong advantage Full-time availability is a strong advantage If you’re interested in pursuing an engaging career working on full-time freelance jobs for exclusive clients, take the next step by clicking apply and filling out the short form to get started. #RemoteJobReact
Skills from this JD
Each row merges API 1 extraction, API 2 library match / v3 orchestration (dimensions + locked dims), and API 3 persistence tags.
Aliases — catalog
- React 0.1 (VERSION)
- React 0.10 (VERSION)
- React 0.11 (VERSION)
- React 0.12 (VERSION)
- React 0.13 (VERSION)
- React 0.14 (VERSION)
- React 0.2 (VERSION)
- React 0.3 (VERSION)
- React 0.4 (VERSION)
- React 0.5 (VERSION)
- React 0.6 (VERSION)
- React 0.7 (VERSION)
- React 0.8 (VERSION)
- React 0.9 (VERSION)
- React 15 (VERSION)
- React 16 (VERSION)
- React 17 (VERSION)
- React 18 (VERSION)
- React.js (CANONICAL)
- React.js 15 (VERSION)
- React.js 16 (VERSION)
- React.js 17 (VERSION)
- React.js 18 (VERSION)
Context tags (catalog)
Stored enrichment (catalog DB)
- Category
- Framework
- Sub-category
- Frontend Ui Framework
- Vendor
- Meta
- License
- mit
- Year introduced
- 2013
- Confidence
- 0.98
- Version strategy
- SEPARATE_ENTITY
- Version tag
- 18
Maturity reasoning: React.js is a hiring-pipeline staple with very high JD volume across frontend roles and broad ecosystem adoption; it remains one of the most commonly requested UI frameworks on job boards and in GitHub usage trends.
Skill profile (library / DB)
- Skill nature
- FRAMEWORK
- Volatility
- STABLE
- Typical lifespan
- EVERGREEN
- Category id
- 5
- Sub-category id
- 363
- Extractable
- True
- Also category
- False
Dimensions (API 2 worklist)
-
React Frontend Development Catalog dimension db id 96
Library dimension (catalog)
API 3 link attempts (this skill)
| Dimension | Skill↔dim | Role↔dim | Outcome |
|---|---|---|---|
|
React Frontend Development
d_init_01
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) |
All API 3 persistence rows
Same grid as the skill-extractor “Persistence items” table: one row per (skill × dimension) work item.
| Skill | Tag | Dimension | Skill↔dim | Role↔dim | Outcome | Notes |
|---|---|---|---|---|---|---|
| React.js | in_db |
React Frontend Development
d_init_01
|
✓ | — | Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role) |
Library artifacts (this run)
nano JD Parser — gpt-4.1-nano click to toggle
Show raw JSON
{
"JD_type": "pass",
"about_company": {
"source_marker": {
"first_5_words": "Toptal is an exclusive network",
"last_5_words": "to grow and excel in their"
},
"text": "Toptal is an exclusive network of top freelancers from around the world. Fortune 500 companies and Silicon Valley startups hire Toptal for their most important projects. Toptal is one of the fastest-growing fully remote networks and empowers freelance software developers, designers, finance experts, product managers, and project managers worldwide to grow and excel in their freelance careers.",
"word_count": 64
},
"certifications": [],
"company_name": "Toptal",
"ctc": null,
"domain": {
"primary": {
"aliases": [
"Freelance Network",
"Remote Work"
],
"domain": "IT Services \u0026 Consulting"
},
"secondary": null
},
"education": [],
"experience": {
"max": null,
"min": 3,
"raw": "At least 3 years of professional experience as a full-time developer"
},
"job_locations": [
{
"aliases": [],
"city": null,
"country": "Remote",
"state": null,
"work_mode": "remote"
}
],
"role": "Developer",
"role_aliases": [
"Software Developer",
"React Developer",
"Frontend Developer"
],
"role_archetype": "Engineering",
"roles_and_responsibilities": [
{
"bullet_count": 0,
"heading": "About The Role",
"heading_was_present": true,
"source_marker": {
"first_5_words": "We are looking for a",
"last_5_words": "collaborative problem solving, sophisticated"
},
"text": "We are looking for a great developer who is proficient with React.js. Your primary focus might vary from: (1) developing new user-facing features using React.js, (2) translating designs and wireframes into high-quality code, (3) building reusable components and front-end libraries for future use, and (4) optimizing components for maximum performance across a vast array of web-capable devices and browsers. A commitment to collaborative problem solving, sophisticated design, and quality product is essential.",
"word_count": 64
},
{
"bullet_count": 6,
"heading": "Requirements",
"heading_was_present": true,
"source_marker": {
"first_5_words": "English language proficiency At least",
"last_5_words": "is a strong advantage"
},
"text": "English language proficiency\nAt least 3 years of professional experience as a full-time developer\nProject management skills\nA keen attention to detail\nExperience with system architecture or leading a software team is a strong advantage\nFull-time availability is a strong advantage",
"word_count": 45
}
],
"urls": []
}
API 1 — extract-from-jd click to toggle
{
"final_skills": [
{
"is_primary": true,
"skill_name": "React.js"
}
],
"jd_role": {
"display_name": "Developer",
"rationale": null,
"role_aliases": [
"Software Developer",
"React Developer",
"Frontend Developer"
],
"role_archetype": "Engineering",
"slug": ""
},
"nano_parsed": {
"JD_type": "pass",
"about_company": {
"source_marker": {
"first_5_words": "Toptal is an exclusive network",
"last_5_words": "to grow and excel in their"
},
"text": "Toptal is an exclusive network of top freelancers from around the world. Fortune 500 companies and Silicon Valley startups hire Toptal for their most important projects. Toptal is one of the fastest-growing fully remote networks and empowers freelance software developers, designers, finance experts, product managers, and project managers worldwide to grow and excel in their freelance careers.",
"word_count": 64
},
"certifications": [],
"company_name": "Toptal",
"ctc": null,
"domain": {
"primary": {
"aliases": [
"Freelance Network",
"Remote Work"
],
"domain": "IT Services \u0026 Consulting"
},
"secondary": null
},
"education": [],
"experience": {
"max": null,
"min": 3,
"raw": "At least 3 years of professional experience as a full-time developer"
},
"job_locations": [
{
"aliases": [],
"city": null,
"country": "Remote",
"state": null,
"work_mode": "remote"
}
],
"role": "Developer",
"role_aliases": [
"Software Developer",
"React Developer",
"Frontend Developer"
],
"role_archetype": "Engineering",
"roles_and_responsibilities": [
{
"bullet_count": 0,
"heading": "About The Role",
"heading_was_present": true,
"source_marker": {
"first_5_words": "We are looking for a",
"last_5_words": "collaborative problem solving, sophisticated"
},
"text": "We are looking for a great developer who is proficient with React.js. Your primary focus might vary from: (1) developing new user-facing features using React.js, (2) translating designs and wireframes into high-quality code, (3) building reusable components and front-end libraries for future use, and (4) optimizing components for maximum performance across a vast array of web-capable devices and browsers. A commitment to collaborative problem solving, sophisticated design, and quality product is essential.",
"word_count": 64
},
{
"bullet_count": 6,
"heading": "Requirements",
"heading_was_present": true,
"source_marker": {
"first_5_words": "English language proficiency At least",
"last_5_words": "is a strong advantage"
},
"text": "English language proficiency\nAt least 3 years of professional experience as a full-time developer\nProject management skills\nA keen attention to detail\nExperience with system architecture or leading a software team is a strong advantage\nFull-time availability is a strong advantage",
"word_count": 45
}
],
"urls": []
},
"rejected": false,
"rejection_reason": null,
"run_id": "0f0745b4-5ea7-408c-8d1d-ae10645a58ac",
"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": "Your primary focus might vary from: (1) developing new user-facing features using React.js, (2) translating designs and wireframes into high-quality code, (3) building reusable components and front-end libraries for future use, and (4) optimizing components for maximum performance across a vast array of web-capable devices and browsers.",
"similarity": 0.6411
},
{
"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": "We are looking for a great developer who is proficient with React.js.",
"similarity": 0.4823
},
{
"kra_text": "Collaborates with UX designers to refine interaction details, animations, responsive breakpoints, and micro-interaction behavior.",
"sentence": "A commitment to collaborative problem solving, sophisticated design, and quality product is essential.",
"similarity": 0.4439
}
],
"matched_count": null,
"matched_skills": null,
"role_id": 7,
"score": 0.5224,
"slug": "frontend-engineer",
"total_count": null
},
{
"display_name": "Fullstack Developer",
"kra_matches": [
{
"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": "Your primary focus might vary from: (1) developing new user-facing features using React.js, (2) translating designs and wireframes into high-quality code, (3) building reusable components and front-end libraries for future use, and (4) optimizing components for maximum performance across a vast array of web-capable devices and browsers.",
"similarity": 0.554
},
{
"kra_text": "Works closely with product managers and UX designers to translate requirements and wireframes into working software features through iterative development.",
"sentence": "A commitment to collaborative problem solving, sophisticated design, and quality product is essential.",
"similarity": 0.4782
},
{
"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": "We are looking for a great developer who is proficient with React.js.",
"similarity": 0.4416
}
],
"matched_count": null,
"matched_skills": null,
"role_id": 15,
"score": 0.4913,
"slug": "full-stack-engineer",
"total_count": null
},
{
"display_name": "Angular Frontend Developer",
"kra_matches": [
{
"kra_text": "collaboration with design and QA",
"sentence": "A commitment to collaborative problem solving, sophisticated design, and quality product is essential.",
"similarity": 0.5391
},
{
"kra_text": "Angular component development",
"sentence": "Your primary focus might vary from: (1) developing new user-facing features using React.js, (2) translating designs and wireframes into high-quality code, (3) building reusable components and front-end libraries for future use, and (4) optimizing components for maximum performance across a vast array of web-capable devices and browsers.",
"similarity": 0.5102
},
{
"kra_text": "Angular component development",
"sentence": "We are looking for a great developer who is proficient with React.js.",
"similarity": 0.3563
}
],
"matched_count": null,
"matched_skills": null,
"role_id": 90,
"score": 0.4685,
"slug": "angular-frontend-developer",
"total_count": null
},
{
"display_name": "Flutter Developer",
"kra_matches": [
{
"kra_text": "collaborate with design, product, and backend teams",
"sentence": "A commitment to collaborative problem solving, sophisticated design, and quality product is essential.",
"similarity": 0.5485
},
{
"kra_text": "collaborate with design, product, and backend teams",
"sentence": "Your primary focus might vary from: (1) developing new user-facing features using React.js, (2) translating designs and wireframes into high-quality code, (3) building reusable components and front-end libraries for future use, and (4) optimizing components for maximum performance across a vast array of web-capable devices and browsers.",
"similarity": 0.4747
},
{
"kra_text": "collaborate with design, product, and backend teams",
"sentence": "We are looking for a great developer who is proficient with React.js.",
"similarity": 0.3177
}
],
"matched_count": null,
"matched_skills": null,
"role_id": 74,
"score": 0.447,
"slug": "flutter-developer",
"total_count": null
},
{
"display_name": "Svelte Frontend Developer",
"kra_matches": [
{
"kra_text": "UI component development",
"sentence": "Your primary focus might vary from: (1) developing new user-facing features using React.js, (2) translating designs and wireframes into high-quality code, (3) building reusable components and front-end libraries for future use, and (4) optimizing components for maximum performance across a vast array of web-capable devices and browsers.",
"similarity": 0.5132
},
{
"kra_text": "accessibility and usability",
"sentence": "A commitment to collaborative problem solving, sophisticated design, and quality product is essential.",
"similarity": 0.3536
},
{
"kra_text": "UI component development",
"sentence": "We are looking for a great developer who is proficient with React.js.",
"similarity": 0.352
}
],
"matched_count": null,
"matched_skills": null,
"role_id": 92,
"score": 0.4063,
"slug": "svelte-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_A_KRA: Frontend Developer",
"sub_role": null
},
"stage5_updates": null
}
API 2 — extract-details
{
"alias_matches": [
{
"alias_persist_skipped_reason": "alias_text already exists for this canonical skill",
"alias_persisted": false,
"existing_alias_id": 840,
"existing_alias_text": "React.js",
"input_term": "React.js",
"matched_canonical": {
"category_id": 5,
"display_name": "React.js",
"id": 514,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "FRAMEWORK",
"slug": "react-js",
"sub_category_id": 363,
"typical_lifespan": "EVERGREEN",
"volatility": "STABLE"
},
"matched_via": "alias"
}
],
"candidate_roles": [],
"chosen_role": {
"display_name": "Frontend Developer",
"id": 7,
"rationale": "Multi-alias tie (3 roles at 1.0) resolved by TIER_A_KRA: 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": "React.js",
"llm_role": null,
"roles_from_db": []
}
],
"input_final_skills": [
"React.js"
],
"input_llm_skills": [
"React.js"
],
"new_aliases_persisted": 0,
"run_id": "0f0745b4-5ea7-408c-8d1d-ae10645a58ac",
"skills_detail": [
{
"aliases_in_db": [
{
"alias_text": "React 0.1",
"alias_type": "VERSION",
"id": 862,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 0.10",
"alias_type": "VERSION",
"id": 853,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 0.11",
"alias_type": "VERSION",
"id": 852,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 0.12",
"alias_type": "VERSION",
"id": 851,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 0.13",
"alias_type": "VERSION",
"id": 850,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 0.14",
"alias_type": "VERSION",
"id": 849,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 0.2",
"alias_type": "VERSION",
"id": 861,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 0.3",
"alias_type": "VERSION",
"id": 860,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 0.4",
"alias_type": "VERSION",
"id": 859,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 0.5",
"alias_type": "VERSION",
"id": 858,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 0.6",
"alias_type": "VERSION",
"id": 857,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 0.7",
"alias_type": "VERSION",
"id": 856,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 0.8",
"alias_type": "VERSION",
"id": 855,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 0.9",
"alias_type": "VERSION",
"id": 854,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 15",
"alias_type": "VERSION",
"id": 847,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 16",
"alias_type": "VERSION",
"id": 845,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 17",
"alias_type": "VERSION",
"id": 843,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React 18",
"alias_type": "VERSION",
"id": 841,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React.js",
"alias_type": "CANONICAL",
"id": 840,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React.js 15",
"alias_type": "VERSION",
"id": 848,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React.js 16",
"alias_type": "VERSION",
"id": 846,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React.js 17",
"alias_type": "VERSION",
"id": 844,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
},
{
"alias_text": "React.js 18",
"alias_type": "VERSION",
"id": 842,
"is_primary": false,
"match_strategy": "CASE_INSENSITIVE"
}
],
"canonical": {
"category_id": 5,
"display_name": "React.js",
"id": 514,
"is_also_category": false,
"is_extractable": true,
"skill_nature": "FRAMEWORK",
"slug": "react-js",
"sub_category_id": 363,
"typical_lifespan": "EVERGREEN",
"volatility": "STABLE"
},
"dimensions": [
{
"dimension": {
"difficulty_hint": "well_known",
"display_name": "React Frontend Development",
"id": 96,
"rationale": "Building interactive web user interfaces with React.js, including component composition, state management, hooks, and rendering patterns. React.js belongs here because it is a core library for client-side UI development in modern web applications.",
"slug": "d_init_01",
"source": "db"
},
"input_skill": "React.js",
"llm_role": null,
"roles_from_db": []
}
],
"input_skill": "React.js",
"matched_via": "alias",
"new_alias_persisted": false,
"new_alias_text": null,
"new_skill_meta": null,
"source_tag": "db",
"was_in_llm_skills": true
}
],
"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_A_KRA: Frontend Developer",
"role_archetype": null,
"slug": "frontend-engineer",
"source": "db"
},
"chosen_role_resolution": "in_db",
"final_input_skills": [
{
"skill": "React.js",
"tag": "in_db"
}
],
"llm_cost_api1_usd": null,
"llm_cost_api2_usd": null,
"llm_cost_api3_usd": null,
"llm_cost_total_usd": null,
"persistence": {
"items": [
{
"chosen_role_id": 7,
"dimension": {
"difficulty_hint": "well_known",
"display_name": "React Frontend Development",
"id": 96,
"rationale": "Building interactive web user interfaces with React.js, including component composition, state management, hooks, and rendering patterns. React.js belongs here because it is a core library for client-side UI development in modern web applications.",
"slug": "d_init_01",
"source": "db"
},
"dimension_id": 96,
"input_skill": "React.js",
"llm_role": null,
"matched_chosen_role": false,
"outcome_line": "Existing dimension (library) \u00b7 Role\u2194dimension skipped (dimension not under chosen role)",
"role_dimension_saved": false,
"roles_from_db": [],
"skill_dimension_saved": true,
"skill_id": 514,
"skill_tag": "in_db",
"skipped_reason": null
}
],
"new_skills_created": 0,
"role_dimension_saved": 0,
"skill_dimension_saved": 0,
"skipped": 0
},
"planner_output": null,
"run_id": "0f0745b4-5ea7-408c-8d1d-ae10645a58ac"
}
LLM Calls
Every model call made for this run, in pipeline order. Click a card to see the model's response.