·component-architecture
*

component-architecture

Загружайте ПРОАКТИВНО, если задача включает в себя проектирование или создание компонентов пользовательского интерфейса. Используйте, когда пользователь говорит «создать компонент», «создать форму», «добавить модальное окно», «разработать макет» или «реорганизовать эту страницу». Охватывает состав и иерархию компонентов, дизайн и типизацию свойств, оптимизацию рендеринга (memo, useMemo, useCallback), шаблоны составных компонентов, контролируемые и неконтролируемые формы, организацию файлов и доступность для React, Vue и Svelte.

45Установки·1Тренд·@mgd34msu

Установка

$npx skills add https://github.com/mgd34msu/goodvibes-plugin --skill component-architecture

Как установить component-architecture

Быстро установите AI-навык component-architecture в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/mgd34msu/goodvibes-plugin --skill component-architecture
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: mgd34msu/goodvibes-plugin.

This skill guides you through designing and implementing UI components using GoodVibes precision and analysis tools. Use this workflow when building React, Vue, or Svelte components with proper composition, state management, and performance optimization.

Trigger phrases: "build component", "create UI", "component structure", "render optimization", "state lifting", "component composition".

Before building components, understand existing patterns in the codebase.

Загружайте ПРОАКТИВНО, если задача включает в себя проектирование или создание компонентов пользовательского интерфейса. Используйте, когда пользователь говорит «создать компонент», «создать форму», «добавить модальное окно», «разработать макет» или «реорганизовать эту страницу». Охватывает состав и иерархию компонентов, дизайн и типизацию свойств, оптимизацию рендеринга (memo, useMemo, useCallback), шаблоны составных компонентов, контролируемые и неконтролируемые формы, организацию файлов и доступность для React, Vue и Svelte. Источник: mgd34msu/goodvibes-plugin.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/mgd34msu/goodvibes-plugin --skill component-architecture
Категория
*Креатив
Проверено
Впервые замечено
2026-02-25
Обновлено
2026-03-10

Browse more skills from mgd34msu/goodvibes-plugin

Короткие ответы

Что такое component-architecture?

Загружайте ПРОАКТИВНО, если задача включает в себя проектирование или создание компонентов пользовательского интерфейса. Используйте, когда пользователь говорит «создать компонент», «создать форму», «добавить модальное окно», «разработать макет» или «реорганизовать эту страницу». Охватывает состав и иерархию компонентов, дизайн и типизацию свойств, оптимизацию рендеринга (memo, useMemo, useCallback), шаблоны составных компонентов, контролируемые и неконтролируемые формы, организацию файлов и доступность для React, Vue и Svelte. Источник: mgd34msu/goodvibes-plugin.

Как установить component-architecture?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/mgd34msu/goodvibes-plugin --skill component-architecture После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/mgd34msu/goodvibes-plugin

Детали

Категория
*Креатив
Источник
skills.sh
Впервые замечено
2026-02-25