Как заставить ИИ создавать нужные вам компоненты | Техническая документация и стратегия промптинг...
듀자인 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