Перейти к содержимому

Как заставить ИИ создавать нужные вам компоненты | Техническая документация и стратегия промптинг...

듀자인 Dewsign

0:00 / 0:00

Как заставить ИИ создавать нужные вам компоненты | Техническая документация и стратегия промптинг...

119 просмотров · 2 недели назад
듀자인 Dewsign
300 подписчиков
119 просмотров · 2 недели назад
Если компоненты, сгенерированные Claude, получились не такими, как вы хотели, проблема не в ИИ. Проблема в том, что расплывчатая подсказка не дает ИИ никакой информации для работы. В этом видео мы разберем реальную структуру MD-файлов из документации Ant Design и Material Design для кнопок, а затем пройдемся по четырехэтапному рабочему процессу создания собственной спецификации компонента с помощью Claude. 📌 Что вы узнаете Почему короткие подсказки приводят к непоследовательным результатам компонентов Как Ant Design и Material Design структурируют свои MD-файлы кнопок Четырехэтапный рабочий процесс для составления MD-документации компонентов с помощью Claude Сравнительный анализ результатов, полученных с помощью расплывчатых и подробных подсказок Три справочных сайта для поиска высококачественных MD-файлов компонентов 🔗 Справочная информация и дополнительные материалы MD-файл кнопки Ant Design https://ant.design/docs/react/llms MD-файл кнопки Material Design https://github.com/material-component... Astryx https://astryx.atmeta.com/docs/workin... Adele https://adele.uxpin.com getdesign.md https://getdesign.md Seed Design System MD https://seed-design.io/components/act... 📃 Практическое задание в Figma Поскольку процесс выполнения подсказок в видео происходит довольно быстро, за ним могло быть сложно следить. Все подсказки, использованные в этом видео, написаны внутри файла Figma ниже, поэтому вы можете скопировать их и попробовать сами. https://www.figma.com/design/wZWcMbuc... Вместе мы проектируем. Вместе мы растем! 🌱 =================================== 🇰🇷 한국어 버전 영상 →    • AI로 내가 원하는 컴포넌트를 만드는 법 | MD 문서 구조와 클로드 프롬프...   =================================== 📌 Руководство пользователя канала [KR] 구독을 통해 더 깊이 있는 디자인 시스템 강좌를 만나보세요. [RU] Английская версия доступна в плейлисте. ==================================== 📌 Свяжитесь с Dewsign Instagram @dewsign.design e-mail dewsign.design@gmail.com Хронология 00:00 Проблема с короткими подсказками и как её исправить 01:34 Разбор файла MD кнопки Ant Design 03:11 Разбор файла MD кнопки Material Design 04:29 Четырехэтапный рабочий процесс создания документации MD с помощью Claude 06:14 Сравнение результатов для расплывчатых и подробных подсказок 06:37 Три справочных сайта для исследования компонентов MD #FigmaClaude #ClaudeAI #DesignSystem #AIDesign #MDDocs