Search
Claude 3 logo on phone

כעת ניתן לשתף את קלוד חפצי – 7 רעיונות לנסות

תכונת ה-Artifact המרשימה של קלוד קיבלה שדרוג מאסיבי, והפכה קלה יותר לשיתוף עם משתמשים אחרים ואפילו אנשים ללא חשבון קלוד.

חפצים הוצגו לצד קלוד 3.5 Sonnet, המאפשרים למשתמשים ליצור אינטראקציה עם קוד, גרפיקה וקטורית ותוכן אחר שנוצר על ידי הצ'אטבוט. כל אחד מהם יכול לשמש גם כדרך לשפר פרויקט מבלי להעתיק ולהדביק את כל הפלט בהודעה חדשה.

עם העדכון האחרון ל-Artifacts, Anthropic הוסיפה סוף סוף את אחת התכונות המבוקשות ביותר, מה שנותן למשתמשים את היכולת לשתף Artifact.

יש כמה מגבלות ל-Artifacts, כולל גישה מוגבלת למודולים וממשקי API של צד שלישי, כמו גם ספירת מילים מגבילה למדי, כלומר יש מגבלת קוד/פונקציונליות. אבל זה עדיין פיתוח מרגש ששווה לשחק איתו.

אם אתה רוצה ליצור יישומי אינטרנט שלמים מכלום מלבד בקשת טקסט, אני מציע לבדוק את Websim.

מה זה קלוד חפצים?

רעיון פשוט אך מרשים – בעיקרו של דבר, Artifacts הם עטיפות המאפשרות לקלוד להציע פיסת קוד, פיסת טקסט או כל צורה אחרת של תוכן כולל גרפיקה וקטורית באופן שהמשתמש יכול לשחק איתה, לשתף או לשמור מבלי ללכת לאיבוד במערבולת של שיחה.

שיתוף הוא התוספת האחרונה ומה שיותר מרשים מעצם היכולת לשתף את ה-Artifact הוא תכונת הרמיקס. זה מאפשר למשתמשים לחזור ולשפר כל Artifact שנבנה על ידי כל משתמש אחר. אתה אפילו יכול להשתמש בו כדי לשפר חפץ משלך.

זה רעיון כל כך מרשים שכלי בינה מלאכותית אחרים החלו להעתיק אותו, כולל Poe, צובר ה-AI צ'אטבוט הנתמך על ידי Quora, שבו אתה יכול כעת להשתמש בקונספט דומה במודלים מרובים של שפות.

מעמיד את זה במבחן

הבאתי שבעה רעיונות ראויים לשיתוף ושיכללתי כל אחד מהם על פני מספר הנחיות כדי לקבל חפץ עובד ושמיש. זה היה קשה יותר ממה שציפיתי במקור, מכיוון שנדרשו מספר ניסיונות לגרום לזה לעבוד כראוי.

ביקשתי גם בכל מקרה מקלוד ליצור הנחיה שמסכמת את כל מה שנוצר עד לנקודה שבה לחצתי על פרסם ב-Artifact. זה כדי שתוכלו לנסות כל אחד בנפרד בעצמכם מאפס, לא רק ממיקס של ה-Artifact.

אם תבחר לרמיקס, הוא ישתף את ה-Artifact עם מופע חדש של קלוד ויכלול הוראות להציע שלוש דרכים שאפשר לשפר אותו. אם אתה רק רוצה להשתמש בכל Artifact, אתה לא צריך חשבון קלוד.

1. מתכנן תקציב אישי

קלוד ארטיפקט

בתיאוריה אחד הדברים הקלים ביותר לעשות באמצעות Artifact הוא מתכנן תקציב פשוט. עם זאת, מה שמצאתי בתהליך החיבור הזה הוא שאתה צריך להיות מאוד ספציפי עם קלוד לגבי מה אתה רוצה שזה יעשה.

לדוגמה, אם אתה רוצה שהוא יוכל לעקוב אחר סוגים שונים של הוצאות, אתה צריך להבהיר את זה, שכן ברירת המחדל היא רק עמודת הוצאות כלליות. אני חושב שמה שהרכבתי הוא כלי פשוט ויעיל למדי.

Create a React component for a comprehensive Personal Budget Planner dashboard. The dashboard should include features for inputting and displaying income, expenses, and savings. Implement a tabbed interface with three main sections: an overview showing expense breakdown and budget summary with charts, an expenses management tab for adding and removing expense categories, and a history tab displaying budget trends over time. Include interactive elements like editable fields for income and expenses, and dynamic updates of savings and financial health indicators. Use charts (pie chart for expense breakdown, bar chart for budget summary, and line chart for historical data) to visualize the data. Incorporate a financial health indicator that changes based on the savings rate. Ensure the design is responsive and user-friendly, with clear labeling and intuitive controls. Use components from a UI library like shadcn/ui for consistent styling, and implement data visualization using a library like recharts. The component should update all calculations and visualizations in real-time as the user interacts with it.

ברור שאתה יכול להתאים את זה בכל דרך שתרצה. אתה יכול לבקש ממנו להסיר תכונות מסוימות, להוסיף קטגוריות ספציפיות או פשוט לפשט את זה לשתי עמודות וכפתור.

כדי לבצע שינויים כלשהם, פשוט לחץ על Remix, ואתה יכול לשנות אותו בכל דרך שתתאים לצרכים שלך – כל מה שאתה צריך לעשות הוא לומר לקלוד מה אתה רוצה לשנות.

  • הצג או לערבב מחדש את חפץ לוח המחוונים של פיננסים

2. אפליקציית Fitness Dashboard

קלוד ארטיפקט

בשלב הבא, גשש כושר אישי פשוט. במקור התכוונתי לנסות וליצור איזושהי מערכת אתגרים שבה תוכל להזין את הזמנים או השלבים עבור משתמשים שונים בכל יום נתון, אבל זה לא עבד בגלל המגבלות של Artifact.

במקום זאת, יצרתי לוח מחוונים אישי לכושר עם ספירת צעדים וקצב לב. הגעתי לגבול האפשרי בהודעה אחת. אז חלק מהלחצנים לא עובדים, אבל פונקציונליות הליבה קיימת.

Develop a comprehensive Fitness Dashboard React component that helps users track and visualize their fitness progress. Include modules for tracking daily step count, workout duration, calorie burn, and water intake. Implement a weight tracker with a graph showing trends over time. Add a workout log feature where users can record different types of exercises (e.g., cardio, strength training, flexibility) with duration and intensity. Create a meal planner and calorie counter, allowing users to log their daily food intake. Include a goal-setting feature for various fitness metrics (e.g., target weight, daily step goal, workout frequency). Implement a sleep tracker that records duration and quality of sleep. Add a motivational feature that provides daily fitness tips or challenges. Create an analytics section that shows weekly and monthly progress summaries. Design an intuitive and visually appealing UI with charts and graphs to display data. Implement a simple user profile system to personalize the dashboard. Optimize the code for efficiency and compactness while maintaining readability. Ensure the component works within the Artifact constraints, using only React and basic UI components without external libraries. Include helpful comments explaining key aspects of the code for easy understanding and modification.

אמנם אין הרבה מקום לשפר או לשפר באופן ספציפי את מה שכבר שם, אבל מה שאתה יכול לעשות זה להחליף תכונות שונות לאחר לחיצה על Remix.

אז לדוגמה, אתה עשוי להחליט שבמקום לעקוב אחר צעדים, אתה רוצה לעקוב אחר אורכי בבריכה או חזרות. פשוט בקש מקלוד לבצע את השינויים האלה ואז לעדכן את החפץ. אם תמצא משהו משכנע, אשמח לראות אותו.

  • הצג או לערבב מחדש את חפץ מעקב הכושר

3. אפליקציית רולטה מתכונים

קלוד ארטיפקט

עכשיו, כשאנחנו יודעים לאן כל הכסף שלנו הולך ושיש לנו מושג כמה פעילות גופנית אנחנו עושים, הגיע הזמן לאוכל. בזה, הייתי צריך להיות די יצירתי עם ההנחיה כדי להתאים יותר מכמה מתכונים ל-Artifact.

אמרתי לקלוד לא להפוך את הקוד ליפה או קריא לאדם, מה שאומר שהוא היה מסוגל לכלול יותר קוד בקובץ קטן יותר. כתוצאה מכך, יש לנו את am Artifact שיכול לספק תריסר מתכונים שונים זמינים בלחיצת כפתור.

Create an interactive Recipe Roulette React component that allows users to discover random recipes. Include at least 10 diverse recipes from different cuisines, each with a name, origin, cooking time, ingredients list, and step-by-step instructions. Use a compressed data structure to store recipe information efficiently. Implement a function to display a random recipe when requested. Add features for users to customize the recipe, such as adjusting serving sizes or ingredient quantities. Include a simple rating system for recipes. Make the UI attractive and user-friendly, with a clean layout and appealing color scheme. Optimize the code for compactness while maintaining readability. Ensure the component works within the constraints of an Artifact, using only React and basic UI components without external libraries. Add comments explaining key parts of the code for easy understanding and modification.

קלוד, כמו רוב דגמי השפה הגדולים יותר, טוב במיוחד במתכונים. אם אתה לא רוצה אפליקציית רולטה כללית של מתכונים כמו זו שיצרתי כאן, אתה יכול לבקש מקלוד להחליף את המתכונים ולהכניס משקאות או רטבים או אפילו להפוך אותה לאפליקציית פעילות. אתה יכול אפילו להמציא את זה עם תריסר פעילויות אקראיות במקום אוכל או שתייה.

  • הצג או לערבב מחדש את חפץ המתכון האקראי

4. אנימטור פיקסל

קלוד ארטיפקט

זמן לקצת כיף – זה הפתיע אותי כי לא חשבתי שזה יעבוד טוב כמו שהוא עבד. הרעיון הוא ליצור כלי אנימציה פשוט.

זהו אנימטור סטופ מושן מהולל. הוסף מסגרת חדשה ופיקסל חדש או שניים מעל נניח 20-30 פריימים וקיבלת מספר שניות של תנועה.

חשבתי שזה יעבוד, אבל שזה יהיה מטורף. עם זאת, זה הרבה יותר טוב ממה שציפיתי. זהו כלי אנימציית פיקסלים פשוט.

Design an interactive Pixel Storyteller React component that allows users to create simple pixel art animations. Implement a grid-based canvas (at least 16x16) where users can paint pixels with a selection of colors (minimum 8 colors). Include tools for drawing, erasing, and filling areas. Add functionality to create multiple frames for animation, with options to add, delete, and reorder frames. Implement a preview mode that plays the animation in a loop. Include features like copy/paste of frame content, mirror/flip tools, and basic shape drawing (line, rectangle, circle). Create a simple UI for selecting colors, tools, and managing frames. Add the ability to adjust animation speed. Implement a basic save/load feature using compressed string representations of the pixel art and animation data. Optimize the code for efficiency and compactness while maintaining readability. Ensure the component works within the constraints of an Artifact, using only React and basic UI components without external libraries. Add helpful comments to explain key parts of the code for easy understanding and modification by others.

לא לגמרי בטוח איך הייתם משתפרים בזה, אבל מה שאתם יכולים לעשות זה לבקש מגוון רחב יותר של צבעים. אתה יכול אפילו ליצור חותמות או צורות שאתה יכול להפיל על הלוח. אפשרויות אחרות כוללות גדלים שונים של קנבס או הגדרת הפריימים לשנייה עבור האנימציה הסופית. אפשרויות שמירה לא יעבדו ב-Artifact.

  • צפה או זכראניx חפץ אנימציה של Pixel

5. רגע של רוגע

קלוד ארטיפקט

עכשיו, כשהיינו בריאים, אכלנו קצת ושיחקנו קצת, הגיע הזמן להירגע. זה כלי נשימה פשוט. לנשום פנימה, לנשום החוצה, להרגיש טוב יותר. זה לא עושה הרבה יותר מזה, וזה ממשק מרגיע פשוט.

למרות שזה לא היה כל כך מרגיע בפעם הראשונה שביקשתי מקלוד ליצור אותו. הייתי צריך לדחוף את זה כדי להיות יותר דמיוני ולתאר את ממשק המשתמש שרציתי.

Develop a Mindful Moments React component for guided breathing and relaxation exercises. Include multiple breathing patterns (e.g., 4-7-8, box breathing, equal breathing) that users can choose from. Implement a visually appealing animated guide for each breathing exercise, using SVG or CSS animations. Add a timer feature allowing users to set custom durations for their sessions. Include background ambient sounds or calming music that users can toggle on/off. Implement a simple mood tracker that allows users to record their mood before and after each session. Add a daily streak counter to encourage regular use. Create a clean, minimalist UI with a soothing color scheme that adjusts based on the time of day. Include a simple statistics view showing usage patterns and mood changes over time. Optimize the code for efficiency and compactness while maintaining readability. Ensure the component works within the Artifact constraints, using only React and basic UI components without external libraries. Add helpful comments explaining key aspects of the code for easy understanding and modification.

יש די הרבה שאתה יכול לעשות כדי לשפר את האפליקציה הזו, מכיוון שזו אפליקציה פשוטה להפליא.

לדוגמה, תוכל להוסיף טכניקות הדמיה שונות באמצעות אנימציות או גרפיקה וקטורית. אתה יכול לבקש מקלוד ליצור מגוון רחב יותר של אורכים ומשכי זמן ואפילו להדביק כמה הודעות חיוביות בזמן שאתה עובר את תהליך הנשימה והנשימה החוצה.

זכור עם זאת, אתה לא יכול להשתמש בסאונד או בתכונות אחרות כמו זה בתוך Artifact בגלל המגבלות של המערכת האקולוגית.

  • הצג או לערבב מחדש את חפץ הנשימה

6. סימולטור גן זן

קלוד ארטיפקט

נמשיך עם ההרפיה לזמן מה, בואו נעשה גן זן. זהו סימולטור פשוט לגן זן מסורתי שבו אתה עושה משהו ממש יפה ומסובך ואז מטאטא הכל. זה עובד, זה לא מושלם. יש כנראה הרבה שאתה יכול לעשות כדי לשפר את זה אם היית יותר אוהב גני זן ממני.

Create an interactive Zen Garden Designer React component that allows users to design their own digital zen garden. Implement a grid-based layout (at least 16x16) where users can place various elements such as rocks, plants, lanterns, and sand patterns. Include at least 6 different elements with distinct visual representations using SVG. Add functionality to rotate and scale placed elements. Implement a sand raking tool that allows users to create different patterns in the sand (e.g., straight lines, circles, wavy patterns). Include an undo/redo feature for design actions. Add a simple save/load system using compressed string representations of the garden layout. Create an aesthetically pleasing UI with a soothing color palette and smooth interactions. Implement a day/night cycle feature that changes the garden's appearance. Add ambient sound options (e.g., water, wind chimes) that users can toggle. Optimize the code for efficiency and compactness while ensuring readability. Ensure the component works within the Artifact constraints, using only React and basic UI components without external libraries. Include helpful comments explaining key parts of the code.

רעיון פוטנציאלי אחד לשיפור הוא שיפור אפקט הגריפה, אולי כך שתצטרך להחליק ידנית על לוח המשחק כדי להסיר את האובייקטים שיצרת או להוסיף דפוסים נוספים בתהליך הגריפה. עם זאת, כדי לעשות זאת, סביר להניח שתצטרך להסיר חלק מהתכונות האחרות מכיוון שתתקל במגבלת ההודעות הזו.

  • הצג או מיקס של חפץ גן זן

7. כרטיסיות שפה

קלוד ארטיפקט

לבסוף, עכשיו לאחר שהכנסת את עצמך למצב של זן, בוא נלמד שפה חדשה.

ובכן לא באמת. אתה לא הולך ללמוד הרבה יותר מאשר כמה משפטים בסיסיים שאתה עשוי להשתמש בהם בבית קפה. אבל אז למדתי צרפתית במשך חמש שנות בית ספר וזה פחות או יותר כל מה שאני זוכר.

זה יציע סדרה של כרטיסי פלאש פשוטים עם מילות מפתח בחמש שפות שונות. ואפשר לקפוץ ביניהם.

Create an interactive Language Learning Flashcards React component. Include support for at least 5 languages (e.g., English, Spanish, French, German, Italian) with the ability to easily add more. Implement a flashcard system with front (question) and back (answer) sides, allowing users to flip cards with a smooth animation. Include categories for vocabulary (e.g., greetings, food, travel, business) and difficulty levels (beginner, intermediate, advanced). Add a spaced repetition algorithm to optimize learning (e.g., a simplified version of the SuperMemo-2 algorithm). Implement a study mode where users can rate their familiarity with each card, affecting its future appearance frequency. Add a quiz mode that randomly tests users on their learned vocabulary. Include a progress tracking feature showing mastery levels for different categories and overall language proficiency. Create an intuitive UI with easy navigation between languages, categories, and modes. Implement a simple system for users to add custom flashcards. Optimize the code for efficiency and compactness while maintaining readability. Ensure the component works within the Artifact constraints, using only React and basic UI components without external libraries. Add helpful comments explaining key parts of the code for easy understanding and modification.

זה יכול להיות אחד ממש כיף לשפר. כל מה שהייתי עושה זה לבחור שפה בודדת ולא חמש ולבקש ממנה לפרט יותר.

אתה יכול אפילו לגרום לזה להפוך מכרטיסי פלאש לשיחה שבה אתה יכול לדבר איתה. למרות שלמען האמת, אם ככה אתה רוצה להשתמש בבינה מלאכותית, הייתי פשוט מדבר עם קלוד כי הוא איש שיחה נהדר ויכול לעשות זאת במספר שפות.

  • הצג רמיקס של כרטיס השפה חפץ

מחשבות אחרונות

חפצים הם תכונה חדשה וחזקה, אבל יש מגבלות ברורות. הגדולה שבהן היא מגבלת ההודעות, שבה אתה בעצם צריך להיות מסוגל לקבל את כל התוכן של הקוד עבור ה-Artifact בתוך הנחיה אחת.

מגבלת תווי המסר היא בהחלט משהו שאנתרופים צריכים לעבוד עליו אם הם רוצים שהם יהפכו לכלי שימושי ושמיש מחוץ לקלוד.

אם נהנית מכל אחד מהחפצים האלה, אל תהסס לערבב אותם מחדש, לשנות אותם, או אפילו ליצור חדשים לגמרי משלך ולשתף אותם. תייגו אותי אם תפרסמו אותם ל-X או תשלחי לי מייל, אשמח לבדוק אותם.

דילוג לתוכן