Pipeline run

067cd1ac-3179-45b7-9960-e41eebbc4dc3

Pipeline LLM cost (USD)

API 1: $0.0090 API 2: $0.0002 API 3: $0.0000 Total: $0.0091

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/business needs into functional frontend code while building reusable components and libraries for future use.

""Designing, developing, and testing UI for mobile and web applications""

Tech stack maturity

Mainstream Modern cache hit

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=153

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-27T14:24:22.571650Z Updated: 2026-05-27T14:25:13.282689Z API 3 duration: 8953 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 focus on designing, developing, and testing mobile/web UI, reusable frontend code, and translating requirements into functional frontend code, which best matches a frontend developer role.

Matched skills

UImobile and web applicationsreusable codelibrariesfrontend code

Matched dimensions

Frontend UI DevelopmentCross-platform UI implementationReusable component/library engineeringRequirements translation into frontend solutions

Matched KRAs

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

Resolution: in_db — role exists in library; skill↔dim and role↔dim links saved when applicable.

New skills

Skill↔dim saved

Role↔dim saved

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 frontend design.

ResponsibilitiesDesigning, 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 2+ years' experience in frontend development Familiarity using Scrum/Agile development methodologies Experience building object oriented web applications in JavaScript, HTML5, and CSS3

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 Frameworks
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: Development Methodologies
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: Development Methodologies
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 Frameworks subtype=general nature=CONCEPT lifespan=MULTI_YEAR
canonical_skill_proposed	Mobile Applications \| type=Development Methodologies subtype=general nature=CONCEPT lifespan=MULTI_YEAR
canonical_skill_proposed	Web Applications \| type=Development Methodologies subtype=general nature=CONCEPT lifespan=MULTI_YEAR

nano JD Parser — gpt-4.1-nano click to toggle

Experience2+ years' experience in frontend development

DomainOther

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 (or equivalent)",
      "raw": "Bachelor\u0027s degree or equivalent in Computer Science",
      "requirement": "required"
    }
  ],
  "experience": {
    "max": null,
    "min": 2,
    "raw": "2+ years\u0027 experience in frontend development"
  },
  "job_locations": [],
  "role": null,
  "role_aliases": [],
  "role_archetype": "Engineering",
  "roles_and_responsibilities": [
    {
      "bullet_count": 3,
      "heading": "Responsibilities",
      "heading_was_present": true,
      "source_marker": {
        "first_5_words": "Designing, developing, and testing UI",
        "last_5_words": "into functional frontend code"
      },
      "text": "Designing, developing, and testing UI for mobile and web applications\nBuild reusable code and libraries for future use\nAccurately translate user and business needs into functional frontend code",
      "word_count": 30
    }
  ],
  "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 (or equivalent)",
        "raw": "Bachelor\u0027s degree or equivalent in Computer Science",
        "requirement": "required"
      }
    ],
    "experience": {
      "max": null,
      "min": 2,
      "raw": "2+ years\u0027 experience in frontend development"
    },
    "job_locations": [],
    "role": null,
    "role_aliases": [],
    "role_archetype": "Engineering",
    "roles_and_responsibilities": [
      {
        "bullet_count": 3,
        "heading": "Responsibilities",
        "heading_was_present": true,
        "source_marker": {
          "first_5_words": "Designing, developing, and testing UI",
          "last_5_words": "into functional frontend code"
        },
        "text": "Designing, developing, and testing UI for mobile and web applications\nBuild reusable code and libraries for future use\nAccurately translate user and business needs into functional frontend code",
        "word_count": 30
      }
    ],
    "urls": []
  },
  "rejected": false,
  "rejection_reason": null,
  "run_id": "067cd1ac-3179-45b7-9960-e41eebbc4dc3",
  "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.55
          },
          {
            "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.55
          }
        ],
        "matched_count": null,
        "matched_skills": null,
        "role_id": 89,
        "score": 0.5524,
        "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.4793
          }
        ],
        "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.98,
      "slug": "frontend-engineer",
      "total_count": null
    },
    "confidence": 0.98,
    "is_new_role": false,
    "llm2_fired": false,
    "llm2_reasoning": null,
    "matched_dimensions": [
      "Frontend UI Development",
      "Cross-platform UI implementation",
      "Reusable component/library engineering",
      "Requirements translation into frontend solutions"
    ],
    "matched_kras": [
      "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"
    ],
    "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 focus on designing, developing, and testing mobile/web UI, reusable frontend code, and translating requirements into functional frontend code, which best matches a frontend developer role.",
    "sub_role": null
  },
  "stage5_updates": {
    "centroid_n_after": 153,
    "centroid_updated": true,
    "collision_log_id": null,
    "new_kra_attached": null,
    "new_skills_attached": [
      {
        "is_primary": true,
        "queue_id": 8769,
        "role_display_name": "Frontend Developer",
        "role_slug": "frontend-engineer",
        "skill_name": "UI",
        "status": "pending"
      },
      {
        "is_primary": true,
        "queue_id": 8770,
        "role_display_name": "Frontend Developer",
        "role_slug": "frontend-engineer",
        "skill_name": "Mobile Applications",
        "status": "pending"
      },
      {
        "is_primary": true,
        "queue_id": 8771,
        "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 focus on designing, developing, and testing mobile/web UI, reusable frontend code, and translating requirements into functional frontend code, which best matches a frontend developer role.",
    "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": "067cd1ac-3179-45b7-9960-e41eebbc4dc3",
  "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 Frameworks",
          "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": "Development Methodologies",
          "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": "Development Methodologies",
          "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 focus on designing, developing, and testing mobile/web UI, reusable frontend code, and translating requirements into functional frontend code, which best matches a frontend developer role.",
    "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": "067cd1ac-3179-45b7-9960-e41eebbc4dc3"
}

LLM Calls

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

Loading…