К основному содержанию
affpapa.org
RU EN
скилл Claude Code CX Codex Cursor GitHub Copilot

interactive-portfolio — скилл для Claude Code: обзор и установка

Скилл помогает спроектировать интерактивное портфолио разработчика или дизайнера с упором на конверсию посетителей. Пригодится при сборке личного сайта для поиска работы или клиентов.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓ 
npx skills add sickn33/agentic-awesome-skills --skill interactive-portfolio -a claude-code
Открыть на GitHub

Что делает interactive-portfolio

Скилл выступает в роли дизайнера портфолио. Он выстраивает подачу проектов, личный брендинг и пользовательский опыт так, чтобы сайт быстро доносил ценность работы до работодателя или заказчика. Внимание посетителя ограничено. Скилл помогает выделить сильные стороны без лишних визуальных трюков.

Перед запуском требуется прочесть файл references/detailed-guide.md, где хранятся инструкции, условия безопасности и правила валидации. Если в запросе не хватает критериев успеха или прав, ассистент обязан остановиться и задать уточняющие вопросы.

Результат нельзя использовать как прямую замену ручному тестированию и ревью в живом окружении. Все сгенерированные макеты и код придётся проверять самостоятельно перед публикацией.

Какие задачи решает

  • спроектировать структуру личного сайта разработчика или дизайнера
  • выделить ключевые проекты для привлечения клиентов
  • настроить сценарии конверсии посетителей в рабочие отклики
  • улучшить подачу кейсов без перегрузки интерфейса

Примеры запросов агенту

  • Помоги сделать интерактивное портфолио для фронтенд-разработчика
  • Спроектируй структуру личного сайта, чтобы конвертировать посетителей в клиентов
  • Как лучше подать кейсы в портфолио дизайнера, чтобы быстро зацепить работодателя?

Как установить interactive-portfolio

1Через Skills CLI (Vercel)

npx skills add sickn33/agentic-awesome-skills --skill interactive-portfolio -a claude-code

2Вручную: положить файлы

~/.claude/skills/interactive-portfolio/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/interactive-portfolio/

Из того же набора80

Весь набор →
docker-expert sickn33 Скилл для ИИ-агента, который разбирает Dockerfile, multi-stage сборки и безопасность контейнеров. Пригодится, когда нужно навести порядок в образах и Compose. Claude Code CX Codex Cursor +1 27 200установок typescript-expert sickn33 Скилл для работы с TypeScript и JavaScript: разбирает типы, ускоряет проверку и помогает с миграциями. Пригодится, когда проект на TS растёт и компилятор начинает тормозить. Claude Code CX Codex Cursor +1 12 600установок browser-automation sickn33 Скилл помогает проверять браузерные сценарии по состоянию интерфейса и результату операции. Подходит для UI-тестов, диагностики таймингов и разрешённого сбора данных. Claude Code CX Codex Cursor +1 6 700установок nextjs-supabase-auth sickn33 Скилл настраивает Supabase Auth в Next.js App Router: клиенты, middleware, OAuth callback и Server Actions. Пригодится для защиты маршрутов и работы с сессиями. Claude Code CX Codex Cursor +1 6 500установок 3d-web-experience sickn33 Помогает создавать и отлаживать 3D-сцены, конфигураторы товаров и портфолио для веба. Разбирает выбор стека, загрузку моделей и производительность. Claude Code CX Codex Cursor +1 5 200установок prisma-expert sickn33 Скилл помогает разбирать схемы Prisma, миграции и запросы. Пригодится, когда нужно найти причину ошибки или проверить изменения перед деплоем. Claude Code CX Codex Cursor +1 4 200установок playwright-skill sickn33 Скилл для написания и запуска тестов браузера через Playwright: проверка вёрстки на разных экранах, скриншоты, тесты логина и заполнения форм. Код выполняется локально через Node. Claude Code CX Codex Cursor +1 3 900установок game-development sickn33 Координирует структуру игры: задаёт базовые принципы архитектуры и перенаправляет агента к подскиллам для веба, ПК, мобильных платформ или VR. Claude Code CX Codex Cursor +1 3 800установок

Похожие

spartan spartan-ng Помогает добавлять, собирать и стилизовать компоненты spartan/ui в Angular-проекте. Пригодится для работы со слоями Brain и Helm. Claude Code CX Codex Cursor +1 2 200установок html-plan plannotator Превращает черновые планы и договорённости в автономный HTML-документ. Пригодится, когда нужно зафиксировать этапы, зависимости и ответственных без раздувания до дашборда. Claude Code CX Codex Cursor +1 3 800установок html plannotator Скилл собирает один самодостаточный HTML-файл со стилями и скриптами внутри: отчёт, лендинг, презентацию или калькулятор. И подсказывает, какому соседнему скиллу уступить задачу. Claude Code CX Codex Cursor +1 3 800установок flutter-dev MiniMax-AI Гайд для разработки Flutter-приложений с паттернами виджетов, Riverpod, Bloc и GoRouter. Пригодится при настройке интерфейса, навигации, тестов и производительности. Claude Code CX Codex Cursor +1 2 000установок uniwind uni-stack Скилл даёт агенту правила и справочники Uniwind, чтобы он собирал и чинил интерфейсы на Tailwind CSS v4 в React Native, а не угадывал API. Claude Code CX Codex Cursor +1 4 400установок chat-motion-overlay nexu-io Создаёт анимированные сцены переписки из текста или скриншота и готовит их для рендера в Remotion. Нужен для роликов с пузырями сообщений и прозрачных наложений. Claude Code CX Codex Cursor +1 820установок frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. Claude Code Claude.ai 1 025 790установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. Claude Code CX Codex Cursor +1 673 100установок

Вопросы о interactive-portfolio

Как установить interactive-portfolio в Claude Code?

Выполните команду npx skills add sickn33/agentic-awesome-skills --skill interactive-portfolio -a claude-code.

Что делает скилл interactive-portfolio?

Он помогает структурировать портфолио, формулировать подачу кейсов и проектировать конверсионные сценарии. Скилл ориентирован на разработчиков и дизайнеров, которым нужен персональный сайт для откликов и заказов.

Какие ограничения есть у interactive-portfolio?

Скилл требует обязательного изучения руководства references/detailed-guide.md и останавливает работу при отсутствии критериев успеха. Сгенерированные материалы не заменяют тестирование в реальном окружении и профессиональное ревью.

Исходный текст

SKILL.md · MIT 
---
name: interactive-portfolio
description: Expert in building portfolios that actually land jobs and clients -
  not just showing work, but creating memorable experiences. Covers developer
  portfolios, designer portfolios, creative portfolios, and portfolios that
  convert visitors into opportunities.
risk: critical
source: vibeship-spawner-skills (Apache 2.0)
date_added: 2026-02-27
---

# Interactive Portfolio

Expert in building portfolios that actually land jobs and clients - not just
showing work, but creating memorable experiences. Covers developer portfolios,
designer portfolios, creative portfolios, and portfolios that convert visitors
into opportunities.

**Role**: Portfolio Experience Designer

You know a portfolio isn't a resume - it's a first impression that needs
to convert. You balance creativity with usability. You understand that
a visitor may review a portfolio briefly. Make its purpose and strongest
work clear quickly. You help people stand out without being gimmicky.

### Expertise

- Portfolio UX
- Project presentation
- Personal branding
- Conversion optimization
- Creative coding
- Memorable experiences

## Detailed Guide

Read [the detailed guide](references/detailed-guide.md) before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end-to-end work, read the guide completely.

## When to Use
- User mentions or implies: portfolio
- User mentions or implies: personal website
- User mentions or implies: showcase work
- User mentions or implies: developer portfolio
- User mentions or implies: designer portfolio
- User mentions or implies: creative portfolio

## Limitations
- Use this skill only when the task clearly matches the scope described above.
- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.

© sickn33 · MIT · sickn33/agentic-awesome-skills

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой
Золотой спонсор AI-аналитика спроса на iGaming — индекс, тренды, конкуренты
Nutra.Club Закрытое сообщество Nutra-вертикали от команды M1

Показы, клики и копирования кода — открытая статистика. Мы держим цифры публичными по той же логике, что и сам NeBlask. Стать спонсором