← Back to history

Pipeline run

d160a43b-f609-4e9d-93f4-05dc2df3e7cf

Pipeline LLM cost (USD)
API 1: $0.0090 API 2: $0.0002 API 3: $0.0000 Total: $0.0092

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 · Responsive UI component development
Design, develop, and test mobile and web UI, turning user and business needs into functional frontend code and reusable libraries/components for future use.
"Designing, developing, and testing UI for mobile and web applications"
Tech stack maturity
Mainstream Modern
A frontend developer focused on frontend work typically operates in widely adopted, current web technologies and workflows without implying cutting-edge AI-native or legacy constraints.
AI index (0 = no AI use, 5 = totally AI-dependent · v2.1)
1.20 / 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 (4)
UI Mobile Applications Web Applications Frontend
Skill cluster (1 dimension groups, role-scoped)
Cross-cutting / unaligned
UI Mobile Applications Web Applications Frontend
Show KRA description ↓
• Designing, developing, and testing UI for mobile and web applications • Build reusable code and libraries for future use • Accurately translate user and business needs into functional frontend code

Signals

Skill
Alias
KRA flutter-developer
0.61

Post-classification

Centroidupdated · n=341
Alias collision log
New-role queue
New skills captured3
New KRA captured

Captured for admin review

UI primary Frontend Developer pending
Mobile Applications primary Frontend Developer pending
Web Applications primary Frontend Developer pending
Status: completed Created: 2026-05-27T15:39:38.715003Z Updated: 2026-06-12T16:08:09.263869Z API 3 duration: 7640 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

Frontend Developer

domain · Software Engineering CASE DOMAIN

slug: frontend-engineer · id: 7 · source: db

Domain=Software Engineering; The responsibilities clearly describe frontend work: designing, developing, and testing UI for mobile and web applications, building reusable code, and translating user/business needs into frontend code.

Matched skills

UImobile and web applicationsreusable codelibrariesfrontend code

Matched dimensions

Frontend UI DevelopmentCross-platform UI implementationReusable component/library engineeringRequirements-to-UI translation

Matched KRAs

Designing, developing, and testing UI for mobile and web applicationsBuild reusable code and libraries for future useTranslate user and business needs into functional frontend code

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

The ideal candidate will be responsible for designing, developing, testing, and debugging responsive web and mobile applications for the company. Using JavaScript, HTML, and CSS, this candidate will be able to translate user and business needs into functional front-end design.

Responsibilities

• Designing, developing, and testing UI for mobile and web applications
• Build reusable code and libraries for future use
• Accurately translate user and business needs into functional frontend code


Qualifications

• Bachelor's degree or equivalent in Computer Science
• Experience building object-oriented web applications in JavaScript, HTML5, and CSS3
• Candidate should'd be From Gurugram

Skills from this JD

Each row merges API 1 extraction, API 2 library match / v3 orchestration (dimensions + locked dims), and API 3 persistence tags.

UI 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
Web Development
Sub-category
general
Skill nature
CONCEPT
Volatility
MEDIUM
Typical lifespan
MULTI_YEAR
Version strategy
UNVERSIONED
Mobile Applications 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
Mobile Development
Sub-category
general
Skill nature
CONCEPT
Volatility
MEDIUM
Typical lifespan
MULTI_YEAR
Version strategy
UNVERSIONED
Web Applications 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
Web Development
Sub-category
general
Skill nature
CONCEPT
Volatility
MEDIUM
Typical lifespan
MULTI_YEAR
Version strategy
UNVERSIONED
Frontend Primary Library skill API 3: existing canonical (in_db) Existing skill (matched library)
Canonical: Frontend id=1663 · frontend

Aliases — catalog

  • Frontend (CANONICAL)

Context tags (catalog)

Angular Babel CSS3 Cross-Browser Compatibility HTML5 JavaScript Progressive Web Apps React Responsive Design Sass Single Page Applications TypeScript UI/UX Design Vue.js Webpack

Stored enrichment (catalog DB)

Category
Domain
Sub-category
Frontend Development
Confidence
0.93
Version strategy
NOT_APPLICABLE

Maturity reasoning: Frontend is a hiring-pipeline staple: job postings routinely require HTML/CSS/JavaScript plus React/Angular/Vue, and major platforms (e.g., Stack Overflow survey, GitHub repos) show sustained high usage.

Skill profile (library / DB)

Skill nature
CONCEPT
Volatility
STABLE
Typical lifespan
EVERGREEN
Category id
37
Sub-category id
1256
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
Frontend in_db
React Frontend Development
d_init_01
Existing dimension (library) · Role↔dimension skipped (dimension not under chosen role)

Library artifacts (this run)

Kind Detail DB id
canonical_skill_proposed UI | type=Web Development subtype=general nature=CONCEPT lifespan=MULTI_YEAR
canonical_skill_proposed Mobile Applications | type=Mobile Development subtype=general nature=CONCEPT lifespan=MULTI_YEAR
canonical_skill_proposed Web Applications | type=Web Development subtype=general nature=CONCEPT lifespan=MULTI_YEAR
nano JD Parser — gpt-4.1-nano click to toggle
DomainOther
Location Gurugram
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": [
    {
      "level": "Bachelor\u0027s",
      "qualification": "BTECH/BE/BSC - Computer Science",
      "raw": "Bachelor\u0027s degree or equivalent in Computer Science",
      "requirement": "required"
    }
  ],
  "experience": {
    "max": null,
    "min": null,
    "raw": null
  },
  "job_locations": [
    {
      "aliases": [],
      "city": "Gurugram",
      "country": null,
      "state": null,
      "work_mode": null
    }
  ],
  "role": null,
  "role_aliases": [],
  "role_archetype": "Engineering",
  "roles_and_responsibilities": [
    {
      "bullet_count": 3,
      "heading": "Responsibilities",
      "heading_was_present": true,
      "source_marker": {
        "first_5_words": "\u2022 Designing, developing, and testing",
        "last_5_words": "into functional frontend code"
      },
      "text": "\u2022 Designing, developing, and testing UI for mobile and web applications\n\u2022 Build reusable code and libraries for future use\n\u2022 Accurately translate user and business needs into functional frontend code",
      "word_count": 33
    }
  ],
  "urls": []
}
API 1 — extract-from-jd click to toggle
{
  "final_skills": [
    {
      "is_primary": true,
      "skill_name": "UI"
    },
    {
      "is_primary": true,
      "skill_name": "Mobile Applications"
    },
    {
      "is_primary": true,
      "skill_name": "Web Applications"
    },
    {
      "is_primary": true,
      "skill_name": "Frontend"
    }
  ],
  "jd_role": null,
  "nano_parsed": {
    "JD_type": "pass",
    "about_company": null,
    "certifications": [],
    "company_name": null,
    "ctc": null,
    "domain": {
      "primary": {
        "aliases": [],
        "domain": "Other"
      },
      "secondary": null
    },
    "education": [
      {
        "level": "Bachelor\u0027s",
        "qualification": "BTECH/BE/BSC - Computer Science",
        "raw": "Bachelor\u0027s degree or equivalent in Computer Science",
        "requirement": "required"
      }
    ],
    "experience": {
      "max": null,
      "min": null,
      "raw": null
    },
    "job_locations": [
      {
        "aliases": [],
        "city": "Gurugram",
        "country": null,
        "state": null,
        "work_mode": null
      }
    ],
    "role": null,
    "role_aliases": [],
    "role_archetype": "Engineering",
    "roles_and_responsibilities": [
      {
        "bullet_count": 3,
        "heading": "Responsibilities",
        "heading_was_present": true,
        "source_marker": {
          "first_5_words": "\u2022 Designing, developing, and testing",
          "last_5_words": "into functional frontend code"
        },
        "text": "\u2022 Designing, developing, and testing UI for mobile and web applications\n\u2022 Build reusable code and libraries for future use\n\u2022 Accurately translate user and business needs into functional frontend code",
        "word_count": 33
      }
    ],
    "urls": []
  },
  "rejected": false,
  "rejection_reason": null,
  "run_id": "d160a43b-f609-4e9d-93f4-05dc2df3e7cf",
  "stage3_signals": {
    "alias_found": false,
    "alias_match_roles": [],
    "kra_match_roles": [
      {
        "display_name": "Flutter Developer",
        "kra_matches": [
          {
            "kra_text": "structure reusable application code",
            "sentence": "Build reusable code and libraries for future use",
            "similarity": 0.742
          },
          {
            "kra_text": "translate product and design requirements",
            "sentence": "Accurately translate user and business needs into functional frontend code",
            "similarity": 0.5498
          },
          {
            "kra_text": "Implement user-facing screens and flows",
            "sentence": "Designing, developing, and testing UI for mobile and web applications",
            "similarity": 0.5291
          }
        ],
        "matched_count": null,
        "matched_skills": null,
        "role_id": 74,
        "score": 0.607,
        "slug": "flutter-developer",
        "total_count": null
      },
      {
        "display_name": "React Frontend Developer",
        "kra_matches": [
          {
            "kra_text": "compose reusable interface components",
            "sentence": "Build reusable code and libraries for future use",
            "similarity": 0.5559
          },
          {
            "kra_text": "Implement user-facing screens and interactions",
            "sentence": "Designing, developing, and testing UI for mobile and web applications",
            "similarity": 0.5513
          },
          {
            "kra_text": "translate product and design requirements",
            "sentence": "Accurately translate user and business needs into functional frontend code",
            "similarity": 0.5498
          }
        ],
        "matched_count": null,
        "matched_skills": null,
        "role_id": 89,
        "score": 0.5523,
        "slug": "react-frontend-developer",
        "total_count": null
      },
      {
        "display_name": "Frontend Developer",
        "kra_matches": [
          {
            "kra_text": "Collaborates with UX designers to refine interaction details, animations, responsive breakpoints, and micro-interaction behavior.",
            "sentence": "Designing, developing, and testing UI for mobile and web applications",
            "similarity": 0.5506
          },
          {
            "kra_text": "Maintains reusable component libraries, design system tokens, and shared UI patterns across the application to ensure visual and behavioral consistency.",
            "sentence": "Build reusable code and libraries for future use",
            "similarity": 0.5407
          },
          {
            "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": "Accurately translate user and business needs into functional frontend code",
            "similarity": 0.4792
          }
        ],
        "matched_count": null,
        "matched_skills": null,
        "role_id": 7,
        "score": 0.5235,
        "slug": "frontend-engineer",
        "total_count": null
      },
      {
        "display_name": ".NET Backend Developer",
        "kra_matches": [
          {
            "kra_text": "backend code refactoring and maintenance",
            "sentence": "Build reusable code and libraries for future use",
            "similarity": 0.5365
          },
          {
            "kra_text": "Server-side business logic implementation",
            "sentence": "Accurately translate user and business needs into functional frontend code",
            "similarity": 0.5029
          },
          {
            "kra_text": "service interface design and implementation",
            "sentence": "Designing, developing, and testing UI for mobile and web applications",
            "similarity": 0.496
          }
        ],
        "matched_count": null,
        "matched_skills": null,
        "role_id": 83,
        "score": 0.5118,
        "slug": "dotnet-backend-developer",
        "total_count": null
      },
      {
        "display_name": "Vue Frontend Developer",
        "kra_matches": [
          {
            "kra_text": "structure reusable presentation components",
            "sentence": "Build reusable code and libraries for future use",
            "similarity": 0.5608
          },
          {
            "kra_text": "connect UI to application services",
            "sentence": "Designing, developing, and testing UI for mobile and web applications",
            "similarity": 0.5221
          },
          {
            "kra_text": "improve usability and responsiveness",
            "sentence": "Accurately translate user and business needs into functional frontend code",
            "similarity": 0.4444
          }
        ],
        "matched_count": null,
        "matched_skills": null,
        "role_id": 91,
        "score": 0.5091,
        "slug": "vue-frontend-developer",
        "total_count": null
      }
    ],
    "skill_match_roles": []
  },
  "stage4_decision": {
    "alias_collision_detected": false,
    "case": "DOMAIN",
    "chosen_role": {
      "display_name": "Frontend Developer",
      "kra_matches": null,
      "matched_count": null,
      "matched_skills": null,
      "role_id": 7,
      "score": 0.99,
      "slug": "frontend-engineer",
      "total_count": null
    },
    "confidence": 0.99,
    "is_new_role": false,
    "llm2_fired": false,
    "llm2_reasoning": null,
    "matched_dimensions": [
      "Frontend UI Development",
      "Cross-platform UI implementation",
      "Reusable component/library engineering",
      "Requirements-to-UI translation"
    ],
    "matched_kras": [
      "Designing, developing, and testing UI for mobile and web applications",
      "Build reusable code and libraries for future use",
      "Translate user and business needs into functional frontend code"
    ],
    "matched_skills": [
      "UI",
      "mobile and web applications",
      "reusable code",
      "libraries",
      "frontend code"
    ],
    "new_role_display_name": null,
    "new_role_slug": null,
    "queued": false,
    "reasoning": "Domain=Software Engineering; The responsibilities clearly describe frontend work: designing, developing, and testing UI for mobile and web applications, building reusable code, and translating user/business needs into frontend code.",
    "sub_role": null
  },
  "stage5_updates": {
    "centroid_n_after": 341,
    "centroid_updated": true,
    "collision_log_id": null,
    "new_kra_attached": null,
    "new_skills_attached": [
      {
        "is_primary": true,
        "queue_id": 15635,
        "role_display_name": "Frontend Developer",
        "role_slug": "frontend-engineer",
        "skill_name": "UI",
        "status": "pending"
      },
      {
        "is_primary": true,
        "queue_id": 15638,
        "role_display_name": "Frontend Developer",
        "role_slug": "frontend-engineer",
        "skill_name": "Mobile Applications",
        "status": "pending"
      },
      {
        "is_primary": true,
        "queue_id": 15640,
        "role_display_name": "Frontend Developer",
        "role_slug": "frontend-engineer",
        "skill_name": "Web Applications",
        "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": 2633,
      "existing_alias_text": "Frontend",
      "input_term": "Frontend",
      "matched_canonical": {
        "category_id": 37,
        "display_name": "Frontend",
        "id": 1663,
        "is_also_category": false,
        "is_extractable": true,
        "skill_nature": "CONCEPT",
        "slug": "frontend",
        "sub_category_id": 1256,
        "typical_lifespan": "EVERGREEN",
        "volatility": "STABLE"
      },
      "matched_via": "alias"
    }
  ],
  "candidate_roles": [],
  "chosen_role": {
    "display_name": "Frontend Developer",
    "id": 7,
    "rationale": "Domain=Software Engineering; The responsibilities clearly describe frontend work: designing, developing, and testing UI for mobile and web applications, building reusable code, and translating user/business needs into frontend code.",
    "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": "Frontend",
      "llm_role": null,
      "roles_from_db": []
    }
  ],
  "input_final_skills": [
    "UI",
    "Mobile Applications",
    "Web Applications",
    "Frontend"
  ],
  "input_llm_skills": [
    "UI",
    "Mobile Applications",
    "Web Applications",
    "Frontend"
  ],
  "new_aliases_persisted": 0,
  "run_id": "d160a43b-f609-4e9d-93f4-05dc2df3e7cf",
  "skills_detail": [
    {
      "aliases_in_db": [],
      "canonical": null,
      "dimensions": [],
      "input_skill": "UI",
      "matched_via": null,
      "new_alias_persisted": false,
      "new_alias_text": null,
      "new_skill_meta": {
        "derived": {
          "category": "Web Development",
          "skill_nature": "CONCEPT",
          "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": "ui",
        "split_log": [],
        "typed": null,
        "warnings": []
      },
      "source_tag": "llm",
      "was_in_llm_skills": true
    },
    {
      "aliases_in_db": [],
      "canonical": null,
      "dimensions": [],
      "input_skill": "Mobile Applications",
      "matched_via": null,
      "new_alias_persisted": false,
      "new_alias_text": null,
      "new_skill_meta": {
        "derived": {
          "category": "Mobile Development",
          "skill_nature": "CONCEPT",
          "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": "mobile-applications",
        "split_log": [],
        "typed": null,
        "warnings": []
      },
      "source_tag": "llm",
      "was_in_llm_skills": true
    },
    {
      "aliases_in_db": [],
      "canonical": null,
      "dimensions": [],
      "input_skill": "Web Applications",
      "matched_via": null,
      "new_alias_persisted": false,
      "new_alias_text": null,
      "new_skill_meta": {
        "derived": {
          "category": "Web Development",
          "skill_nature": "CONCEPT",
          "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": "web-applications",
        "split_log": [],
        "typed": null,
        "warnings": []
      },
      "source_tag": "llm",
      "was_in_llm_skills": true
    },
    {
      "aliases_in_db": [
        {
          "alias_text": "Frontend",
          "alias_type": "CANONICAL",
          "id": 2633,
          "is_primary": false,
          "match_strategy": "CASE_INSENSITIVE"
        }
      ],
      "canonical": {
        "category_id": 37,
        "display_name": "Frontend",
        "id": 1663,
        "is_also_category": false,
        "is_extractable": true,
        "skill_nature": "CONCEPT",
        "slug": "frontend",
        "sub_category_id": 1256,
        "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": "Frontend",
          "llm_role": null,
          "roles_from_db": []
        }
      ],
      "input_skill": "Frontend",
      "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": [
    "UI",
    "Mobile Applications",
    "Web Applications"
  ]
}
API 3 — final-role-output
{
  "chosen_role": {
    "display_name": "Frontend Developer",
    "id": 7,
    "rationale": "Domain=Software Engineering; The responsibilities clearly describe frontend work: designing, developing, and testing UI for mobile and web applications, building reusable code, and translating user/business needs into frontend code.",
    "role_archetype": null,
    "slug": "frontend-engineer",
    "source": "db"
  },
  "chosen_role_resolution": "in_db",
  "final_input_skills": [
    {
      "skill": "UI",
      "tag": "new"
    },
    {
      "skill": "Mobile Applications",
      "tag": "new"
    },
    {
      "skill": "Web Applications",
      "tag": "new"
    },
    {
      "skill": "Frontend",
      "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": "Frontend",
        "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": 1663,
        "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": "d160a43b-f609-4e9d-93f4-05dc2df3e7cf"
}

LLM Calls

Every model call made for this run, in pipeline order. Click a card to see the model's response.

Loading…