AI ਏਜੰਟਾਂ ਉੱਤੇ ਹੁਨਰ Lily ਨੂੰ ਹੋਰ ਵੀ ਆਸਾਨ ਬਣਾਉਂਦੇ ਹਨ
Lily ਕੇਂਦ੍ਰਿਤ ਹੁਨਰ ਦਿੰਦਾ ਹੈ — ਆਮ, ਪ੍ਰਤੀ-ਫ੍ਰੇਮਵਰਕ, ਅਤੇ ਪ੍ਰਤੀ-ਉਪ-ਪ੍ਰੋਜੈਕਟ — ਤਾਂ ਜੋ ਏਜੰਟ ਠੀਕ ਉਹੀ ਪ੍ਰਸੰਗ ਲੋਡ ਕਰੇ ਜਿਸ ਦੀ ਉਸ ਨੂੰ ਲੋੜ ਹੈ ਅਤੇ ਕੁਝ ਵੀ ਨਹੀਂ ਜਿਸ ਦੀ ਨਹੀਂ।
ਤੁਹਾਨੂੰ ਕਿਹੜਾ ਹੁਨਰ ਚਾਹੀਦਾ ਹੈ?
ਹਰ ਦਰਜਾ ਵੱਖਰੇ ਸਵਾਲ ਦਾ ਜਵਾਬ ਦਿੰਦਾ ਹੈ। ਜਦੋਂ ਤੁਸੀਂ Lily ਨੂੰ ਅਜੇ ਨਹੀਂ ਜਾਣਦੇ ਤਾਂ ਆਮ ਹੁਨਰ ਲੋਡ ਕਰੋ। ਜਦੋਂ ਤੁਸੀਂ ਆਪਣਾ ਫ੍ਰੇਮਵਰਕ ਜਾਣਦੇ ਹੋ ਪਰ ਇਹ ਨਹੀਂ ਕਿ ਤੁਹਾਨੂੰ ਕਿਹੜਾ ਉਪ-ਪ੍ਰੋਜੈਕਟ ਚਾਹੀਦਾ ਹੈ ਤਾਂ ਫ੍ਰੇਮਵਰਕ ਹੁਨਰ ਲੋਡ ਕਰੋ। ਜਦੋਂ ਤੁਸੀਂ ਪਹਿਲਾਂ ਹੀ ਠੀਕ ਜਾਣਦੇ ਹੋ ਕਿ ਤੁਸੀਂ ਕਿਸ ਉੱਤੇ ਕੰਮ ਕਰ ਰਹੇ ਹੋ ਤਾਂ headless-skill ਜਾਂ helpers-skill ਸਿੱਧਾ ਲੋਡ ਕਰੋ।
-
ਆਮ / ਸੰਭਾਲਕਰਤਾ — “Lily ਕੀ ਹੈ?” / “ਇਹ ਮੋਨੋਰੈਪੋ ਕਿਵੇਂ ਬਣਿਆ ਹੈ?” —
lily-design-system-skill,lily-design-system-maintainer-skill -
ਫ੍ਰੇਮਵਰਕ ਛਤਰੀ — “{framework} ਲਈ ਕੀ ਉਪਲਬਧ ਹੈ, ਅਤੇ ਮੈਨੂੰ ਕਿਹੜਾ ਹਿੱਸਾ ਚਾਹੀਦਾ ਹੈ?” — 8, ਹਰੇਕ ਲਈ ਇੱਕ
{framework}-skill -
ਹੈੱਡਲੈੱਸ / ਸਹਾਇਕ — “ਮੈਂ {framework} ਦੇ ਕੰਪੋਨੈਂਟ / *-picker ਸਹਾਇਕ ਠੀਕ ਕਿਵੇਂ ਵਰਤਾਂ?” — 16, ਹਰੇਕ ਲਈ ਇੱਕ
{framework}-headless-skillਅਤੇ ਇੱਕ{framework}-helpers-skill
ਅੱਠ ਫ੍ਰੇਮਵਰਕ
ਹਰ ਫ੍ਰੇਮਵਰਕ ਨੂੰ ਉਹੀ ਤਿੰਨ-ਪਰਤ ਸਟੈਕ ਮਿਲਦਾ ਹੈ। ਛਤਰੀ ਹੁਨਰ ਉਸ ਫ੍ਰੇਮਵਰਕ ਦੇ ਸਾਰੇ ਅਸਲ ਉਪ-ਪ੍ਰੋਜੈਕਟਾਂ ਦਾ ਨਕਸ਼ਾ ਬਣਾਉਂਦਾ ਹੈ — ਉਦਾਹਰਨ ਐਪ ਸਮੇਤ, ਜਿਸ ਨੂੰ ਇਸ ਦੇ ਦੋਵੇਂ ਭੈਣ ਹੁਨਰਾਂ ਵਿੱਚੋਂ ਕੋਈ ਵੀ ਕਵਰ ਨਹੀਂ ਕਰਦਾ — ਅਤੇ ਉਨ੍ਹਾਂ ਦੇ ਇਕਰਾਰਨਾਮੇ ਦੁਹਰਾਉਣ ਦੀ ਬਜਾਏ ਉਨ੍ਹਾਂ ਵੱਲ ਹੇਠਾਂ ਇਸ਼ਾਰਾ ਕਰਦਾ ਹੈ।
| ਫ੍ਰੇਮਵਰਕ | ਛਤਰੀ | ਹੈੱਡਲੈੱਸ | ਸਹਾਇਕ |
|---|---|---|---|
| Angular | ਹੁਨਰ | ਹੁਨਰ | ਹੁਨਰ |
| Blazor | ਹੁਨਰ | ਹੁਨਰ | ਹੁਨਰ |
| HTML | ਹੁਨਰ | ਹੁਨਰ | ਹੁਨਰ |
| Nunjucks | ਹੁਨਰ | ਹੁਨਰ | ਹੁਨਰ |
| React | ਹੁਨਰ | ਹੁਨਰ | ਹੁਨਰ |
| Svelte | ਹੁਨਰ | ਹੁਨਰ | ਹੁਨਰ |
| Vue | ਹੁਨਰ | ਹੁਨਰ | ਹੁਨਰ |
| Web Components | ਹੁਨਰ | ਹੁਨਰ (536/571) | ਹੁਨਰ |
Web Components ਦੋਵੇਂ ਦਿਸ਼ਾਵਾਂ ਵਿੱਚ ਇਕੱਲਾ ਅਪਵਾਦ ਹੈ: ਇਸ ਦਾ ਹੈੱਡਲੈੱਸ ਕੈਟਾਲਾਗ 571 ਵਿੱਚੋਂ 536 ਦਾ ਜਾਣ-ਬੁੱਝ ਕੇ ਦਾਇਰਾ ਹੈ (ਨੇਟਿਵ ਕਸਟਮ ਐਲੀਮੈਂਟ, ਕੋਈ ਫ੍ਰੇਮਵਰਕ ਰਨਟਾਈਮ ਨਹੀਂ; ਬਾਕੀ 35 ਕੰਪੋਨੈਂਟ ਸਥਾਈ ਤੌਰ ਤੇ ਬਾਹਰ ਹਨ), ਅਤੇ ਅਜੇ ਕੋਈ Web Components ਉਦਾਹਰਨ ਐਪ ਨਹੀਂ ਹੈ — ਇਸ ਦਾ ਛਤਰੀ ਹੁਨਰ ਇਹ ਦੱਸਦਾ ਹੈ ਬਜਾਏ ਇਹ ਇਸ਼ਾਰਾ ਕਰਨ ਦੇ ਕਿ ਇੱਕ ਹੈ।
ਇੱਕ ਹੁਨਰ ਜੋੜੋ
ਹਰ ਹੁਨਰ ਇੱਕ SKILL.md ਫਾਈਲ ਹੈ — ਨਾਲ ਸਹਾਇਕ ਫਾਈਲਾਂ, ਕੋਈ ਬਿਲਡ ਕਦਮ ਨਹੀਂ। ਜੋ ਤੁਹਾਨੂੰ ਚਾਹੀਦਾ ਹੈ ਉਹ ਉੱਥੇ ਕਲੋਨ ਕਰੋ ਜਿੱਥੋਂ ਤੁਹਾਡਾ Claude Code ਸੈੱਟਅੱਪ ਹੁਨਰ ਲੋਡ ਕਰਦਾ ਹੈ (ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਜਾਂ ਖਾਤੇ ਦੀ ਹੁਨਰ ਡਾਇਰੈਕਟਰੀ ਲਈ ਉੱਪਰ ਲਿੰਕ ਕੀਤੇ ਅਧਿਕਾਰਤ ਦਸਤਾਵੇਜ਼ ਵੇਖੋ):
git clone https://github.com/LilyDesignSystem/lily-design-system
cd lily-design-system/lily-design-system-svelte-skillਕਈ ਫ੍ਰੇਮਵਰਕਾਂ ਵਿੱਚ, ਜਾਂ ਮੋਨੋਰੈਪੋ ਉੱਤੇ ਹੀ ਕੰਮ ਕਰ ਰਹੇ ਹੋ? ਇਸ ਦੀ ਬਜਾਏ ਮਿਆਰੀ ਮੋਨੋਰੈਪੋ ਕਲੋਨ ਕਰੋ — ਸਾਰੇ 26 ਹੁਨਰ ਪਹਿਲਾਂ ਹੀ ਇਸ ਦੀ ਰੂਟ ਵਿੱਚ ਹਨ, ਹੈੱਡਲੈੱਸ ਲਾਇਬ੍ਰੇਰੀਆਂ, ਸਹਾਇਕ ਕੈਟਾਲਾਗਾਂ ਅਤੇ ਉਦਾਹਰਨ ਐਪਾਂ ਦੇ ਨਾਲ ਜਿਨ੍ਹਾਂ ਦਾ ਇਹ ਵਰਣਨ ਕਰਦੇ ਹਨ।