iiuniversitet.ruЦентр обучения нейросетямОткрыть каталог

React-компонент

Создаёт React-компонент с типами, стилями, состояниями и тестом.

СкиллРазработано в iiuniversitetCodexНаш материалНужен терминалПроверка не требуется
Скачать архив
Что делает
Создаёт React-компонент с типами, стилями, состояниями и тестом.
Когда брать
Когда вы просите: «сделай карточку товара» или «react-компонент».
Пример запроса
$react-component сделай карточку товара

Как включить

  1. Скачайте архив и распакуйте его.
  2. Положите папку react-component в ~/.agents/skills/.
  3. Вызовите скилл командой $react-component или найдите его через /skills.

Текст

---
name: react-component
description: "Создаёт React-компонент с типами, стилями, состояниями и тестом. Используй, когда пользователь просит: «сделай карточку товара» или «react-компонент». Не используй для задач вне этой темы."
---

React-компонент

Создаёт React-компонент с типами, стилями, состояниями и тестом.

Перед началом

Прочитай AGENTS.md и README, определи стек, команды сборки и тестов. Работай в текущей ветке, не трогай несвязанные файлы.

Порядок работы

  1. Уточнить пропсы и состояния.
  2. Написать компонент на TypeScript.
  3. Добавить стили и адаптив.
  4. Написать тест и сторис.
  5. Проверь результат по правилам ниже и кратко опиши, что сделано.

Формат результата

Компонент + тест + story.

Правила

  • Используй существующие компоненты и токены проекта.
  • Проверяй вёрстку на мобильной ширине.
  • Не добавляй новые зависимости без необходимости.

Пример вызова

$react-component сделай карточку товара

Разработано в iiuniversitet — https://iiuniversitet.ru/?utm_source=bonus&utm_medium=skill&utm_campaign=katalog&utm_content=react-component

Автор: iiuniversitet. Каталог скиллов iiuniversitet.

Похожие