redesign-existing-projects
Повысьте уровень существующих проектов до премиальных стандартов дизайна
Сайты, созданные ИИ, часто имеют одинаковые типовые паттерны, из-за чего выглядят неотличимыми друг от друга. Этот навык анализирует ваш существующий проект и применяет целевые улучшения дизайна, создавая polished, премиальный вид без переписывания кодовой базы.
Télécharger le ZIP du skill
Importer dans Claude
Allez dans Paramètres → Capacités → Skills → Importer un skill
Activez et commencez à utiliser
Tester
Utilisation de "redesign-existing-projects". Запуск аудита дизайна маркетингового сайта, созданного с помощью Tailwind CSS
Résultat attendu:
- Типографика: Inter для всего текста, заголовкам не хватает вариации веса, абзацы растянуты на всю ширину viewport
- Цвет: Чёрный фон с насыщенным синим акцентом, смешивание тёплых и холодных оттенков серого непоследовательно
- Макет: Три равные колонки карточек для функций, всё центрировано симметрично, нет ограничения max-width
- Состояния: Нет эффектов наведения на кнопках, нет состояний загрузки или пустого контента в контактной форме
- Контент: Типовые названия компаний, Lorem Ipsum в разделе блога, восклицательные знаки во всех сообщениях об успехе
Utilisation de "redesign-existing-projects". Улучшение типографики в Next.js дашборде
Résultat attendu:
- Inter заменён на Geist для основного текста и Cabinet Grotesk для заголовков
- Установлена максимальная ширина абзаца 65ch с увеличенным межстрочным интервалом для читаемости
- Добавлен вес Medium (500) для навигационных меток и SemiBold (600) для заголовков карточек
- Применено font-variant-numeric: tabular-nums ко всем столбцам таблиц данных
- Исправлены висячие слова с помощью text-wrap: pretty на всех элементах абзацев
Audit de sécurité
SûrAll 77 static analysis findings are false positives. The scanner treated Markdown documentation as executable code. The 49 external_commands detections are Markdown backtick syntax for inline code references (CSS properties, font names like Geist, Outfit). The 27 blocker detections for weak cryptographic algorithms and system reconnaissance have no basis in the file content, which contains only design guidelines and audit checklists. The single network detection is a documentation reference to picsum.photos, a placeholder image service. No executable code, scripts, or network calls exist in this skill. It is a pure Markdown document providing design improvement guidance.
Score de qualité
Ce que vous pouvez construire
Полировка портфолио или маркетингового сайта
Возьмите функциональный, но типовой веб-сайт и улучшите его с помощью премиальной типографики, пользовательских цветовых палитр и изысканных паттернов макета, которые выделяются среди шаблонных дизайнов.
Улучшение приложения, созданного ИИ
Выявите и замените характерные признаки интерфейсов, сгенерированных ИИ, включая placeholder-контент, типовые макеты карточек и клишированные паттерны компонентов, на более изысканные альтернативы.
Аудит и исправление дизайнерского долга в legacy-проекте
Систематически проверьте существующий проект на наличие проблем с доступностью, отсутствующих состояний взаимодействия, непоследовательной стилизации и проблем с контентом, затем примените приоритизированные исправления.
Essayez ces prompts
Примени этот навык к моему проекту. Изучи кодовую базу и составь список всех типовых паттернов дизайна, которые ты найдёшь, организованных по категориям. Пока не вноси никаких изменений, просто покажи результаты аудита.
Примени этот навык к моему проекту. Исправь все проблемы типографики и цвета, которые ты найдёшь. Замени типовые шрифты на лучшие альтернативы, исправь иерархию заголовков, настрой ширину абзацев и приведи в порядок цветовую палитру. Работай в рамках существующей настройки CSS.
Примени этот навык к моему проекту. Проведи полный аудит, затем исправь проблемы в порядке приоритета: шрифты, цвета, состояния наведения, макет и отступы, типовые компоненты, состояния загрузки и ошибок, полировка типографики. Сохраняй изменения сфокусированными и удобными для ревью.
Примени этот навык к моему проекту. Сосредоточься specifically на замене наиболее распространённых паттернов дизайна, сгенерированного ИИ: фиолетово-синий градиент, три равные колонки карточек, бейджи-таблетки, аккордеоны FAQ, карусели отзывов и типовые тексты. Замени каждый на более уникальную альтернативу.
Bonnes pratiques
- Всегда проводите аудит существующей кодовой базы перед внесением изменений, чтобы понять текущий технологический стек, версию фреймворка и подход к стилизации
- Применяйте исправления в порядке приоритета для максимального визуального эффекта при минимальном риске: сначала шрифты, затем цвета, затем состояния взаимодействия, затем макет
- Сохраняйте каждое изменение небольшим и сфокусированным, чтобы pull-запросы оставались удобными для ревью и отката при необходимости
Éviter
- Переписывание всего проекта с нуля вместо постепенного улучшения существующего кода
- Переход на новый CSS-фреймворк или библиотеку стилизации, когда текущая система работает нормально
- Внесение масштабных изменений в одном коммите, которые невозможно проверить или отладить