𝗔𝗿𝘁𝗶𝗳𝗮𝗰𝘁𝘀 𝗶𝗻 𝗖𝗹𝗮𝘂𝗱𝗲 𝗖𝗼𝗱𝗲: 𝗧𝗵𝗲 𝗢𝗽𝗲𝗿𝗮𝘁𝗼𝗿'𝘀 𝗚𝘂𝗶𝗱𝗲
Anthropic ਨੇ Claude Code ਵਿੱਚ Artifacts ਜੋੜੇ ਹਨ। ਇਹ ਫੀਚਰ ਤੁਹਾਡੇ ਕੋਡਿੰਗ ਕੰਮ ਨੂੰ ਲਾਈਵ ਵੈੱਬ ਪੇਜਾਂ ਵਿੱਚ ਬਦਲ ਦਿੰਦਾ ਹੈ ਜਿਨ੍ਹਾਂ ਨੂੰ ਤੁਸੀਂ ਆਪਣੀ ਟੀਮ ਨਾਲ ਸਾਂਝਾ ਕਰ ਸਕਦੇ ਹੋ।
Artifacts ਸਥਿਰ (static) ਫਾਈਲਾਂ ਨਹੀਂ ਹਨ। ਇਹ ਇੰਟਰਐਕਟਿਵ HTML ਪੇਜ ਹਨ। ਜਿਵੇਂ-ਜਿਵੇਂ ਤੁਸੀਂ ਕੰਮ ਕਰਦੇ ਹੋ, ਇਹ ਅਪਡੇਟ ਹੁੰਦੇ ਰਹਿੰਦੇ ਹਨ। ਇਹ ਵਿਊਜ਼ (views) ਬਣਾਉਣ ਲਈ ਤੁਹਾਡੇ ਅਸਲ ਕੋਡ, ਫਾਈਲਾਂ ਅਤੇ ਟੈਸਟ ਨਤੀਜਿਆਂ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ।
ਤੁਸੀਂ ਇਹਨਾਂ ਦੀ ਵਰਤੋਂ ਇਹਨਾਂ ਲਈ ਕਰ ਸਕਦੇ ਹੋ:
- Code diffs ਦੇ ਨਾਲ PR walkthroughs
- System architecture diagrams
- Interactive dashboards
- Live incident status pages
- Security ਅਤੇ license audits
ਇਹਨਾਂ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰੀਏ:
- Sign in: ਆਪਣੇ Claude Code ਸੈਸ਼ਨ ਵਿੱਚ
/loginਚਲਾਓ। - Ask: Claude ਨੂੰ ਇੱਕ ਡੈਸ਼ਬੋਰਡ ਜਾਂ ਡਾਇਗ੍ਰਾਮ ਬਣਾਉਣ ਲਈ ਕਹੋ।
- Build: Claude HTML ਪੇਜ ਤਿਆਰ ਕਰਦਾ ਹੈ।
- Share: ਆਪਣੀ ਟੀਮ ਨੂੰ ਪ੍ਰਾਈਵੇਟ ਲਿੰਕ ਭੇਜਣ ਲਈ ਸ਼ੇਅਰ ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰੋ।
Availability ਅਤੇ Privacy:
- ਇਹ Team ਅਤੇ Enterprise ਪਲਾਨਾਂ ਲਈ Beta ਵਿੱਚ ਹੈ।
- Individual ਪਲਾਨਾਂ ਕੋਲ ਅਜੇ ਤੱਕ ਇਸਦੀ ਪਹੁੰਚ ਨਹੀਂ ਹੈ।
- Artifacts ਪ੍ਰਾਈਵੇਟ ਹਨ। ਸਿਰਫ਼ ਤੁਹਾਡੇ ਸੰਗਠਨ ਦੇ ਪ੍ਰਮਾਣਿਤ (authenticated) ਮੈਂਬਰ ਹੀ ਇਹਨਾਂ ਨੂੰ ਦੇਖ ਸਕਦੇ ਹਨ।
Anthropic ਨੇ ਡਿਜ਼ਾਈਨ ਅਤੇ ਕੋਡ ਵਿਚਕਾਰਲੇ ਪਾੜੇ ਨੂੰ ਖਤਮ ਕਰਨ ਲਈ Claude Design ਨੂੰ ਵੀ ਅਪਡੇਟ ਕੀਤਾ ਹੈ। ਹੁਣ ਤੁਸੀਂ /design-sync ਕਮਾਂਡ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ।
/design-sync ਵਰਕਫਲੋ:
- ਆਪਣੇ ਡਿਜ਼ਾਈਨ ਸਿਸਟਮ ਨੂੰ GitHub ਤੋਂ Claude Design ਵਿੱਚ ਲਿਆਓ (Pull)।
- ਉਹਨਾਂ ਡਿਜ਼ਾਈਨਾਂ ਨੂੰ ਆਪਣੇ ਕੋਡ ਵਿੱਚ ਲਿਆਉਣ ਲਈ ਆਪਣੇ ਟਰਮੀਨਲ ਵਿੱਚ
/design-syncਦੀ ਵਰਤੋਂ ਕਰੋ। - ਵਿਜ਼ੂਅਲ ਐਡਿਟਸ ਲਈ ਕੋਡ ਨੂੰ ਵਾਪਸ Claude Design ਵਿੱਚ ਪੁਸ਼ (Push) ਕਰੋ।
ਇਹ ਇੱਕ ਪੂਰਾ ਲੂਪ (loop) ਬਣਾਉਂਦਾ ਹੈ। ਤੁਸੀਂ AI ਸਿਸਟਮ ਨੂੰ ਛੱਡੇ ਬਿਨਾਂ ਡਿਜ਼ਾਈਨ ਤੋਂ ਕੋਡ ਅਤੇ ਫਿਰ ਡਾਕੂਮੈਂਟੇਸ਼ਨ ਤੱਕ ਜਾ ਸਕਦੇ ਹੋ।
ਇਹ ਇੱਕ ਵੱਡੀ ਸਮੱਸਿਆ ਦਾ ਹੱਲ ਕਰਦਾ ਹੈ। ਆਮ ਤੌਰ 'ਤੇ, AI ਕੋਡਿੰਗ ਕੰਮ ਟਰਮੀਨਲ ਵਿੱਚ ਲੁਕਿਆ ਰਹਿੰਦਾ ਹੈ। ਫਿਰ ਡਿਵੈਲਪਰਾਂ ਨੂੰ Slack ਜਾਂ Jira ਵਿੱਚ ਮੈਨੂਅਲੀ ਅਪਡੇਟ ਲਿਖਣੇ ਪੈਂਦੇ ਹਨ। Artifacts ਕੰਮ ਨੂੰ ਤੁਰੰਤ ਦਿਖਾਈ ਦੇਣ ਯੋਗ ਬਣਾਉਂਦੇ ਹਨ।
ਕੰਮ ਹੀ ਸੰਚਾਰ (communication) ਬਣ ਜਾਂਦਾ ਹੈ।
Source: https://dev.to/max_quimby/artifacts-in-claude-code-the-operators-guide-4fb0
Optional learning community: https://t.me/GyaanSetuAi