AI Engineering / Թեստային առաջադրանք / 2026
AI՝ բրիֆից կոդ։
AI-ի աջակցությամբ կառուցվածքային գործընթաց՝ HR բրիֆից մինչև հետազոտություն, դիզայնի տոկեններ և երկու աշխատող նախատիպ։
Դիտել GitHub-ում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
Մարդու վերահսկողությամբ։ Ստուգելի արդյունքներով։
Խնդիրը միայն HR պորտալի դիզայնը չէր։ Կարևոր էր տեսանելի դարձնել որոշումների շղթան՝ ինչպես է բրիֆը դառնում պրոդուկտի մոդել, որոշումները՝ համակարգ, իսկ համակարգը՝ աշխատող կոդ։
01 / WORKFLOW
Գործընթաց, որը կարելի է ստուգել
Վեց մասնագիտացված պրոմպտ կազմակերպում են աշխատանքը։ Համատեքստը փոխանցվում է ֆայլերով, իսկ ուղղությունը որոշվում է մարդու որոշումներով և ստուգման փուլերով։ Սրանք դերային կոնֆիգուրացիաներ են, ոչ ինքնավար օրկեստրացիայի ծառայություն։
02_research/*.md03_tokens/design_tokens.json06_ui_design + 07_review02 / PRODUCT MODEL
Մեկ բրիֆ։ Երկու կապված պրոդուկտ։
Աշխատակիցների հարցումների միջավայր և B2B լենդինգ՝ HR աութսորսինգի ընկերությունների համար։ Պորտալին անհրաժեշտ էին հստակ դերեր, ամբողջական վիճակներ և ընդհանուր տեսողական հիմք, իսկ լենդինգին՝ համոզիչ պատմություն գնորդի համար։
Նախ՝ պատասխանատվությունը
Աշխատակիցը ստեղծում է հարցումներ և պատասխանում։ HR-ը կառավարում է մշակումը և կարգավիճակը։ Ինտերֆեյսը պահպանում է այս սահմանը։
Նախ՝ տոկենները
Պրիմիտիվ, իմաստային և բաղադրիչային տոկենները տարանջատում են արժեքները դրանց նպատակից։ Նույն հիմքն օգտագործվում է պորտալում և լենդինգում։
Նախ՝ վիճակները
Ութ էկրանային արտեֆակտ ընդգրկում են դատարկ ցուցակը, ցուցակը, մանրամասները, ստեղծումը, փակված և լուծված հարցումները, որոնման դատարկ արդյունքը և քաշելու վիճակը։
03 / SYSTEM CONTRACT
Համակարգ՝ առանձին արժեքների փոխարեն
Կողային վահանակի ֆոնը հղվում է ընդհանուր կտավի իմաստային տոկենին՝ առանձին մուգ թեմայի փոխարեն։ Կոնտրաստի ստուգումը նաև բերեց սաթագույն և զմրուխտագույն տեքստի ավելի մուգ տարբերակների։
color.primitive.neutral.50#F5F7FAcolor.semantic.background.canvas{color.primitive.neutral.50}component.sidebar.background{color.semantic.background.canvas}04 / CODE EVIDENCE
Երբ կառուցվածքը դառնում է վարքագիծ
Իրականացման ընտրված հատվածներ։ Առանց ֆրեյմվորքի HTML, CSS և JavaScript-ը նախատիպը դարձնում են հասկանալի և ստուգելի։
Համատեքստը՝ հստակ մուտք
Տոկենների ճարտարապետի դերը կարդում է բրիֆն ու հետազոտությունը, ապա ստեղծում անվանված արտեֆակտ։ Համատեքստի փոխանցումը չի թաքնվում չաթում։
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Պատասխանը շարժում է հարցումը
Ուղարկված պատասխանը փոխում է տեղական մոդելը։ Սպասող և լուծված հարցումները վերադառնում են HR-ին, իսկ փակված հարցման համար գրանցվում է վերաբացման իրադարձություն։
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();Փակել ֆոնը, ոչ ձևը
Վահանակի ներսի կոճակները մնում են հասանելի։ Այն փակվում է միայն մգեցված ֆոնի վրա ուղիղ սեղմումից։
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 միացման։
Աշխատակիցների հարցումներ
Բացել նախատիպը ↗B2B լենդինգ
Բացել նախատիպը ↗06 / REFLECTION
Ինչ սովորեցրեց ստուգումը
Խորը հետազոտությունն ու միասնական համակարգը կարևոր են, բայց չեն փոխարինում փոխազդեցությունների ստուգմանը և տեսողական որակին։ Ներկայիս կոդը ուղղում է մի քանի վաղ խնդիր։ Գործընթացի նկարագրությունը դեռ պարունակում է հին Figma պլան և կատարման ճշգրիտ մատյան չէ։