Claude Code ನಲ್ಲಿ Artifacts: ಆಪರೇಟರ್‌ಗಳ ಮಾರ್ಗದರ್ಶಿ

Anthropic ಸಂಸ್ಥೆಯು Claude Code ಗೆ Artifacts ಅನ್ನು ಸೇರಿಸಿದೆ. ಈ ವೈಶಿಷ್ಟ್ಯವು ನಿಮ್ಮ ಕೋಡಿಂಗ್ ಕೆಲಸವನ್ನು ನಿಮ್ಮ ತಂಡದೊಂದಿಗೆ ಹಂಚಿಕೊಳ್ಳಬಹುದಾದ ಲೈವ್ ವೆಬ್ ಪುಟಗಳನ್ನಾಗಿ ಪರಿವರ್ತಿಸುತ್ತದೆ.

Artifacts ಎಂಬುದು ಸ್ಥಿರವಾದ (static) ಫೈಲ್‌ಗಳಲ್ಲ. ಅವು ಸಂವಾದಾತ್ಮಕ (interactive) HTML ಪುಟಗಳಾಗಿವೆ. ನೀವು ಕೆಲಸ ಮಾಡುವಂತೆ ಅವು ಅಪ್‌ಡೇಟ್ ಆಗುತ್ತಾ ಇರುತ್ತವೆ. ವೀಕ್ಷಣೆಗಳನ್ನು (views) ನಿರ್ಮಿಸಲು ಅವು ನಿಮ್ಮ ನೈಜ ಕೋಡ್, ಫೈಲ್‌ಗಳು ಮತ್ತು ಪರೀಕ್ಷಾ ಫಲಿತಾಂಶಗಳನ್ನು ಬಳಸುತ್ತವೆ.

ನೀವು ಇವುಗಳನ್ನು ಈ ಕೆಳಗಿನವುಗಳಿಗಾಗಿ ಬಳಸಬಹುದು:

  • ಕೋಡ್ ಡಿಫ್‌ಗಳೊಂದಿಗೆ (code diffs) PR ವಾಕ್‌ಥ್ರೂಗಳು
  • ಸಿಸ್ಟಮ್ ಆರ್ಕಿಟೆಕ್ಚರ್ ಡೈಗ್ರಾಮ್‌ಗಳು
  • ಸಂವಾದಾತ್ಮಕ ಡ್ಯಾಶ್‌ಬೋರ್ಡ್‌ಗಳು
  • ಲೈವ್ ಇನ್ಸಿಡೆಂಟ್ ಸ್ಟೇಟಸ್ ಪುಟಗಳು
  • ಭದ್ರತೆ ಮತ್ತು ಲೈಸೆನ್ಸ್ ಆಡಿಟ್‌ಗಳು

ಇವುಗಳನ್ನು ಬಳಸುವುದು ಹೇಗೆ:

  1. ಸೈನ್ ಇನ್ ಮಾಡಿ: ನಿಮ್ಮ Claude Code ಸೆಷನ್‌ನಲ್ಲಿ /login ಅನ್ನು ರನ್ ಮಾಡಿ.
  2. ಕೇಳಿ: ಡ್ಯಾಶ್‌ಬೋರ್ಡ್ ಅಥವಾ ಡೈಗ್ರಾಮ್ ಅನ್ನು ನಿರ್ಮಿಸಲು Claude ಗೆ ತಿಳಿಸಿ.
  3. ನಿರ್ಮಿಸಿ: Claude HTML ಪುಟವನ್ನು ಸೃಷ್ಟಿಸುತ್ತದೆ.
  4. ಹಂಚಿಕೊಳ್ಳಿ: ನಿಮ್ಮ ತಂಡಕ್ಕೆ ಖಾಸಗಿ ಲಿಂಕ್ ಕಳುಹಿಸಲು ಶೇರ್ ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ.

ಲಭ್ಯತೆ ಮತ್ತು ಗೌಪ್ಯತೆ:

  • ಇದು Team ಮತ್ತು Enterprise ಪ್ಲಾನ್‌ಗಳಿಗಾಗಿ Beta ಹಂತದಲ್ಲಿದೆ.
  • Individual ಪ್ಲಾನ್‌ಗಳಿಗೆ ಇನ್ನೂ ಪ್ರವೇಶ ಲಭ್ಯವಿಲ್ಲ.
  • Artifacts ಖಾಸಗಿವಾಗಿವೆ. ನಿಮ್ಮ ಸಂಸ್ಥೆಯ ದೃಢೀಕೃತ ಸದಸ್ಯರು ಮಾತ್ರ ಅವುಗಳನ್ನು ನೋಡಬಹುದು.

ಡಿಸೈನ್ ಮತ್ತು ಕೋಡ್ ನಡುವಿನ ಅಂತರವನ್ನು ಕಡಿಮೆ ಮಾಡಲು Anthropic ಸಂಸ್ಥೆಯು Claude Design ಅನ್ನು ಸಹ ಅಪ್‌ಡೇಟ್ ಮಾಡಿದೆ. ನೀವು ಈಗ /design-sync ಕಮಾಂಡ್ ಅನ್ನು ಬಳಸಬಹುದು.

/design-sync ವರ್ಕ್‌ಫ್ಲೋ:

  • ನಿಮ್ಮ ಡಿಸೈನ್ ಸಿಸ್ಟಮ್ ಅನ್ನು GitHub ನಿಂದ Claude Design ಗೆ ಎಳೆದು ತರಲಾಗಿ (Pull).
  • ಆ ಡಿಸೈನ್‌ಗಳನ್ನು ನಿಮ್ಮ ಕೋಡ್‌ಗೆ ತರಲು ನಿಮ್ಮ ಟರ್ಮಿನಲ್‌ನಲ್ಲಿ /design-sync ಬಳಸಿ.
  • ದೃಶ್ಯ ಸಂಪಾದನೆಗಳಿಗಾಗಿ (visual edits) ಕೋಡ್ ಅನ್ನು ಮತ್ತೆ Claude Design ಗೆ ಪುಶ್ (Push) ಮಾಡಿ.

ಇದು ಒಂದು ಸಂಪೂರ್ಣ ಲೂಪ್ ಅನ್ನು ಸೃಷ್ಟಿಸುತ್ತದೆ. ನೀವು AI ಸಿಸ್ಟಮ್ ಅನ್ನು ಬಿಡದೆಯೇ ಡಿಸೈನ್‌ನಿಂದ ಕೋಡ್‌ಗೆ ಮತ್ತು ನಂತರ ಡಾಕ್ಯುಮೆಂಟೇಶನ್‌ಗೆ ಬದಲಾಗಬಹುದು.

ಇದು ಒಂದು ದೊಡ್ಡ ಸಮಸ್ಯೆಯನ್ನು ಪರಿಹರಿಸುತ್ತದೆ. ಸಾಮಾನ್ಯವಾಗಿ, AI ಕೋಡಿಂಗ್ ಕೆಲಸವು ಟರ್ಮಿನಲ್‌ನಲ್ಲಿ ಅಡಗಿರುತ್ತದೆ. ನಂತರ ಡೆವಲಪರ್‌ಗಳು Slack ಅಥವಾ Jira ನಲ್ಲಿ ಅಪ್‌ಡೇಟ್‌ಗಳನ್ನು ಮ್ಯಾನುಯಲ್ ಆಗಿ ಬರೆಯಬೇಕಾಗುತ್ತದೆ. Artifacts ಕೆಲಸವನ್ನು ತಕ್ಷಣವೇ ದೃಶ್ಯೀಕರಿಸುತ್ತವೆ.

ಕೆಲಸವೇ ಸಂವಹನವಾಗುತ್ತದೆ.

ಮೂಲ: https://dev.to/max_quimby/artifacts-in-claude-code-the-operators-guide-4fb0

ಐಚ್ಛಿಕ ಕಲಿಕಾ ಸಮುದಾಯ: https://t.me/GyaanSetuAi