senior-fullstack
Создание полноценных веб-приложений
Также доступно от: alirezarezvani
Разработка fullstack веб-приложений требует глубоких знаний множества технологий и паттернов. Этот навык предоставляет инструменты для создания структуры проекта, анализа качества кода и архитектурные рекомендации для проектов на React, Next.js, Node.js, GraphQL и PostgreSQL.
Скачать ZIP навыка
Загрузить в Claude
Перейдите в Settings → Capabilities → Skills → Upload skill
Включите и начните использовать
Протестировать
Использование «senior-fullstack». Создать новый Next.js проект с TypeScript, Prisma и PostgreSQL
Ожидаемый результат:
- Структура проекта успешно создана
- Frontend: Next.js 14 с App Router и TypeScript
- Backend: Next.js API routes с Prisma ORM
- База данных: PostgreSQL схема с моделями User и Post
- Аутентификация: NextAuth.js настроен
- Стилизация: Tailwind CSS с пользовательской темой
- Тестирование: Jest и React Testing Library настроены
- Docker: Многоэтапная конфигурация сборки
- Следующие шаги: Выполните npm install и настройте .env файл
Использование «senior-fullstack». Проанализировать мой React проект на проблемы с качеством кода
Ожидаемый результат:
- Анализ завершён: просканировано 12 файлов
- Критические проблемы: 0
- Высокий приоритет: 3 (отсутствуют error boundaries, небезопасное использование хуков)
- Средний приоритет: 7 (предупреждения типов props, неиспользуемые импорты)
- Низкий приоритет: 2 (незначительные проблемы форматирования)
- Рекомендации: Добавить React Error Boundary компоненты, исправить все зависимости useEffect, удалить неиспользуемые импорты
Использование «senior-fullstack». Показать мне паттерн repository для Node.js
Ожидаемый результат:
- Структура Repository Pattern:
- src/repositories/user.repository.ts - Слой доступа к данным
- src/services/user.service.ts - Слой бизнес-логики
- src/controllers/user.controller.ts - Слой обработки запросов
- Преимущества: Разделение ответственности, тестируемость, гибкие источники данных
- Пример: Интерфейс UserRepository с CRUD методами
Аудит безопасности
БезопасноThis skill contains documentation and utility Python scripts for project scaffolding and code quality analysis. All scripts operate locally, read user-specified paths, and generate reports. No network calls, no external command execution, and no credential access. The static scanner flagged 72 false positives, primarily from documentation examples and hash identifiers in JSON metadata.
Факторы риска
⚡ Содержит скрипты (3)
📁 Доступ к файловой системе (3)
Оценка качества
Что вы можете построить
Запуск новых проектов
Быстрое создание структуры fullstack приложений с оптимальной структурой и конфигурациями
Соблюдение стандартов
Анализ существующих кодовых баз и применение архитектурных паттернов для стабильного качества
Настройка развёртывания
Настройка контейнеризованного развёртывания с Docker, Kubernetes и CI/CD конвейерами
Попробуйте эти промпты
Use the senior-fullstack skill to scaffold a new project at /path/to/project with React frontend, Node.js/Express backend, PostgreSQL database, and GraphQL API. Include Docker configuration.
Run the code quality analyzer on my project at /path/to/project. Show me findings and recommendations for improvement.
Help me implement the repository pattern in my Node.js backend. Show example code structure from the architecture patterns.
Set up GitHub Actions workflow for my fullstack project. Include testing, building, and Docker image deployment to container registry.
Лучшие практики
- Используйте инструменты создания структуры для установления согласованной структуры проектов в вашей команде
- Проводите анализ качества кода перед крупными релизами для раннего выявления проблем
- Следуйте документации по архитектурным паттернам для создания масштабируемого, поддерживаемого кода
Избегать
- Не пропускайте этап проверки архитектуры при масштабировании приложений
- Избегайте непоследовательного смешивания архитектурных паттернов в рамках одного проекта
- Не полагайтесь исключительно на автоматизированные инструменты без понимания базовых принципов