frontend-design-fix-react
О программе
Этот навык Claude автоматически улучшает стандартный дизайн React-компонентов, применяя эстетические усовершенствования в типографике, цвете, анимации, пространственной композиции и фонах. Он анализирует существующие компоненты, чтобы выявить шаблонные решения, а затем систематически улучшает их, используя дизайн-фреймворк Anthropic. Используйте этот навык, когда вам нужно быстро преобразовать базовые React-интерфейсы в визуально выразительные решения без ручной дизайнерской работы.
Быстрая установка
Claude Code
Рекомендуетсяnpx skills add matteocervelli/llms -a claude-code/plugin add https://github.com/matteocervelli/llmsgit clone https://github.com/matteocervelli/llms.git ~/.claude/skills/frontend-design-fix-reactСкопируйте и вставьте эту команду в Claude Code для установки этого навыка
GitHub репозиторий
Frequently asked questions
What is the frontend-design-fix-react skill?
frontend-design-fix-react is a Claude Skill by matteocervelli. Skills package instructions and resources that Claude loads on demand, so Claude can perform frontend-design-fix-react-related tasks without extra prompting.
How do I install frontend-design-fix-react?
Use the install commands on this page: add frontend-design-fix-react to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.
What category does frontend-design-fix-react belong to?
frontend-design-fix-react is in the design-system category, tagged react and design.
Is frontend-design-fix-react free to use?
Yes. frontend-design-fix-react is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.
Похожие навыки
Этот навык автоматически улучшает стандартный дизайн компонентов Vue, применяя системные улучшения в типографике, цвете, анимации, пространственной композиции и фонах. Он анализирует существующие Vue-файлы, чтобы выявить шаблонные элементы, и преобразует их в выразительные интерфейсы с использованием дизайн-фреймворка Anthropic. Используйте его, когда вам нужно быстро повысить визуальную эстетику ваших Vue-компонентов beyond базового стилирования.
Этот навык преобразует стандартные HTML/CSS-макеты, применяя эстетические улучшения в типографике, цвете, анимации, пространственной композиции и фонах. Он анализирует существующий код для выявления шаблонных решений и систематически улучшает их, используя дизайн-фреймворк Anthropic. Используйте его, когда необходимо быстро превратить базовые фронтенд-макеты в визуально выразительные интерфейсы.
Этот навык автоматически улучшает дизайн стандартных компонентов Svelte, применяя эстетические улучшения в пяти ключевых аспектах: типографика, цвет, анимация, пространственная композиция и фоны. Он анализирует существующие компоненты, выявляет дизайнерские антипаттерны и систематически преобразует их в более визуально выразительные интерфейсы. Используйте этот навык, когда вам нужно быстро повысить визуальную привлекательность блёклых компонентов Svelte в вашем проекте.
Этот навык предоставляет проверенную в продакшене настройку для Content Collections — TypeScript-ориентированного инструмента, который преобразует файлы Markdown/MDX в типобезопасные коллекции данных с валидацией Zod. Используйте его при создании блогов, сайтов документации или контентных приложений на Vite + React для обеспечения типобезопасности и автоматической проверки содержимого. Он охватывает всё: от настройки плагина Vite и компиляции MDX до оптимизации развертывания и валидации схем.