← Դեպի AI EngineeringMERIDIAN HR / 2026

AI Engineering / Թեստային առաջադրանք / 2026

AI՝ բրիֆից կոդ։

AI-ի աջակցությամբ կառուցվածքային գործընթաց՝ HR բրիֆից մինչև հետազոտություն, դիզայնի տոկեններ և երկու աշխատող նախատիպ։

Դիտել GitHub-ում
meridian-hr / workspace
01_agents/          role contracts
02_research/        product reasoning
03_tokens/          design_tokens.json
05_design_system/   component architecture
06_ui_design/       employee prototype
07_review/          validation notes
08_landing_page/    B2B prototype

Մարդու վերահսկողությամբ։ Ստուգելի արդյունքներով։

06դերային պրոմպտ
08վիճակների էկրան
02կոդային նախատիպ

Խնդիրը միայն HR պորտալի դիզայնը չէր։ Կարևոր էր տեսանելի դարձնել որոշումների շղթան՝ ինչպես է բրիֆը դառնում պրոդուկտի մոդել, որոշումները՝ համակարգ, իսկ համակարգը՝ աշխատող կոդ։

01 / WORKFLOW

Գործընթաց, որը կարելի է ստուգել

Վեց մասնագիտացված պրոմպտ կազմակերպում են աշխատանքը։ Համատեքստը փոխանցվում է ֆայլերով, իսկ ուղղությունը որոշվում է մարդու որոշումներով և ստուգման փուլերով։ Սրանք դերային կոնֆիգուրացիաներ են, ոչ ինքնավար օրկեստրացիայի ծառայություն։

01 / Հասկանալ բրիֆը
01UX աուդիտ
02Կոնվերսիայի ռազմավարություն
02_research/*.md
02 / Սահմանել համակարգը
03Տոկենների կառուցվածք
04Գործընթացի փաստագրում
03_tokens/design_tokens.json
03 / Իրականացնել և ստուգել
05Պրոդուկտի ուղղություն
06UI իրականացում
06_ui_design + 07_review

02 / PRODUCT MODEL

Մեկ բրիֆ։ Երկու կապված պրոդուկտ։

Աշխատակիցների հարցումների միջավայր և B2B լենդինգ՝ HR աութսորսինգի ընկերությունների համար։ Պորտալին անհրաժեշտ էին հստակ դերեր, ամբողջական վիճակներ և ընդհանուր տեսողական հիմք, իսկ լենդինգին՝ համոզիչ պատմություն գնորդի համար։

01

Նախ՝ պատասխանատվությունը

Աշխատակիցը ստեղծում է հարցումներ և պատասխանում։ HR-ը կառավարում է մշակումը և կարգավիճակը։ Ինտերֆեյսը պահպանում է այս սահմանը։

02

Նախ՝ տոկենները

Պրիմիտիվ, իմաստային և բաղադրիչային տոկենները տարանջատում են արժեքները դրանց նպատակից։ Նույն հիմքն օգտագործվում է պորտալում և լենդինգում։

03

Նախ՝ վիճակները

Ութ էկրանային արտեֆակտ ընդգրկում են դատարկ ցուցակը, ցուցակը, մանրամասները, ստեղծումը, փակված և լուծված հարցումները, որոնման դատարկ արդյունքը և քաշելու վիճակը։

03 / SYSTEM CONTRACT

Համակարգ՝ առանձին արժեքների փոխարեն

Կողային վահանակի ֆոնը հղվում է ընդհանուր կտավի իմաստային տոկենին՝ առանձին մուգ թեմայի փոխարեն։ Կոնտրաստի ստուգումը նաև բերեց սաթագույն և զմրուխտագույն տեքստի ավելի մուգ տարբերակների։

Պրիմիտիվcolor.primitive.neutral.50#F5F7FA
Իմաստայինcolor.semantic.background.canvas{color.primitive.neutral.50}
Բաղադրիչcomponent.sidebar.background{color.semantic.background.canvas}
03_tokens/design_tokens.json ↗

04 / CODE EVIDENCE

Երբ կառուցվածքը դառնում է վարքագիծ

Իրականացման ընտրված հատվածներ։ Առանց ֆրեյմվորքի HTML, CSS և JavaScript-ը նախատիպը դարձնում են հասկանալի և ստուգելի։

01

Համատեքստը՝ հստակ մուտք

Տոկենների ճարտարապետի դերը կարդում է բրիֆն ու հետազոտությունը, ապա ստեղծում անվանված արտեֆակտ։ Համատեքստի փոխանցումը չի թաքնվում չաթում։

01_agents/03_token_architect.md ↗
Analyze:

- brief.pdf
- 04_assets/brand/branding_color.png
- 02_research/research_ux_audit.md
- 02_research/product_design_direction.md

Create:

03_tokens/design_tokens.json
02

Պատասխանը շարժում է հարցումը

Ուղարկված պատասխանը փոխում է տեղական մոդելը։ Սպասող և լուծված հարցումները վերադառնում են HR-ին, իսկ փակված հարցման համար գրանցվում է վերաբացման իրադարձություն։

06_ui_design/app.js ↗
r.messages.push({ from: 'employee', text, time: 'Just now' });
if (r.status === 'waiting' || r.status === 'resolved')
  r.status = 'with-hr';
else if (r.status === 'closed') {
  r.status = 'with-hr';
  r.messages.push({
    from: 'system', text: 'Reopened by your reply'
  });
}
render();
03

Փակել ֆոնը, ոչ ձևը

Վահանակի ներսի կոճակները մնում են հասանելի։ Այն փակվում է միայն մգեցված ֆոնի վրա ուղիղ սեղմումից։

06_ui_design/app.js ↗
if (e.target.classList.contains('scrim')) {
  resetDraft();
  navigate('/requests');
  return;
}

const actionEl = e.target.closest('[data-action]');
if (!actionEl) return;
const action = actionEl.getAttribute('data-action');

05 / DELIVERABLES

Արտեֆակտներից՝ աշխատող նախատիպեր

Հարցումների նախատիպը ներառում է ստեղծում, ֆիլտրեր, որոնում և պատասխաններ։ Լենդինգն ունի դեմոյի հարցման փոխազդեցություն։ Երկուսն էլ տեղական վիճակով frontend ցուցադրություններ են՝ առանց HR կամ CRM միացման։

Աշխատակիցների հարցումներ

Բացել նախատիպը ↗
Ինտերակտիվ նախատիպերն անգլերեն են։

06 / REFLECTION

Ինչ սովորեցրեց ստուգումը

Խորը հետազոտությունն ու միասնական համակարգը կարևոր են, բայց չեն փոխարինում փոխազդեցությունների ստուգմանը և տեսողական որակին։ Ներկայիս կոդը ուղղում է մի քանի վաղ խնդիր։ Գործընթացի նկարագրությունը դեռ պարունակում է հին Figma պլան և կատարման ճշգրիտ մատյան չէ։

Բրիֆ → համակարգ → նախատիպ

Ճարտարագիտական ներդրումը կապերի մեջ է՝ հստակ համատեքստ, վերօգտագործվող պայմանագրեր, վիճակների տրամաբանություն և ստուգելի արդյունք։

Դեպի AI Engineering ↗