claude

prototyping

Wireframes, interactive prototypes, component playground, sketch/Claude-design to HTML.

12 on GitHubby Zhemal Khamidunv0.1.1MIT AND Apache-2.0updated 26 days ago
/

Plugin prototyping from marketplace hamidun in JHamidun/claude-code-config-pack. Commands read from the repo's manifest — 26 days ago.

What it installs

Skills (12)

  • canvas-design

    Оригинальный визуальный арт в PNG/PDF: постеры, обложки, композиции. Триггеры: «сделай постер», «нарисуй обложку». НЕ сравнение макетов → design-canvas.

  • claude-in-html

    Вызов LLM прямо из HTML-артефакта — прототипы с живой AI-фичей: чат, саммари, классификация. Триггеры: «встрой Claude в HTML», «AI inside prototype».

  • component-playground

    Storybook-подобная страница: все компоненты дизайн-системы во всех вариантах, контролы пропсов. Триггеры: «storybook страница», «all states UI».

  • design-canvas

    N вариантов дизайна бок-о-бок в одном HTML: pan/zoom, фокус. Триггеры: «сравни 3 версии», «покажи варианты». НЕ постеры/арт → canvas-design.

  • interactive-prototype

    Кликабельный React-прототип в одном HTML (inline JSX, Babel): state, переходы, валидация форм. Триггеры: «интерактивный прототип», «кликабельный мокап».

  • placeholders

    Плейсхолдеры картинок и иконок, когда реального ассета нет: полосатый SVG с подписью. Триггеры: «placeholder image», «аватар инициалы».

  • react-pinning

    Готовый блок script-тегов React/ReactDOM/Babel с integrity-хешами для HTML-артефактов с inline JSX. Триггеры: «pin react», «integrity хеши».

  • real-data

    Прототип на настоящих данных: CSV/JSON/SQLite или локальный API-мок вместо фейков. Триггеры: «подключи к API», «прототип с моими данными».

  • sketch-to-html

    Скетч, фото доски, салфетки или Excalidraw → HTML-каркас. Триггеры: «из скетча в html», «whiteboard в каркас». НЕ PDF/DOCX → document-import.

  • storybook-bridge

    Экспорт component-playground в Storybook 7+ (CSF3) для команды с существующим Storybook. Триггеры: «выгрузи в Storybook», «CSF3».

  • web-artifacts-builder

    HTML-артефакты claude.ai на React, Tailwind, shadcn/ui. Триггеры: «shadcn artifact», «веб-приложение артефактом». НЕ простой HTML/JSX — напрямую.

  • wireframe

    Много идей в низкой детализации на одном листе — скелет до хай-фай. Триггеры: «вайрфрейм», «грубый каркас», «lo-fi».

View source on GitHub

More from JHamidun/claude-code-config-pack

All 38 plugins →

gsd

claude

Phase-based dev framework: roadmaps, plans, execution, verification, debugging.

57 commands · 18 agents

12

video-media-subdir

claude

Same content as video-media, fetched as a sparse git-subdir clone of this monorepo. Reference entry for the git-subdir source format - install either this or video-media, not both.

53 skills · 3 commands · 9 agents

12

dev-core

claude

Python/JS/TS dev, database design, API docs, build fix, git workflow, architecture agents.

17 skills · 16 commands · 10 agents

12

video-media

claude

8-role production pipeline (brief to QC), generation (Runway), avatars (HeyGen/D-ID), edit, download, export, subtitles, transcripts.

31 skills · 3 commands · 9 agents

12

integrations

claude

n8n, AWS, Telegram bots, Zoom, Pinecone, DeepL, Home Assistant, webhooks.

24 skills · 6 commands · 2 agents

12

code-health

claude

Bug/cleanup/deps/reuse/security health audits, security audit, threat hunting, finding and vetting third-party skills before install.

9 skills · 6 commands · 12 agents

12

Similar plugins

ui-ux-pro-max

claude

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.

7 skills

nextlevelbuilder/ui-ux-pro-max-skill 148,759

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

impeccable

claude

Design fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.

1 skill · 4 agents · hooks

pbakaus/impeccable 109,099

storybook

claudecodex

Build, preview, and test UI components with Storybook.

7 skills

storybookjs/storybook 91,552

hyperframes

claudecodex

Recommended: all published HyperFrames skills in one versioned bundle. Create and render videos from HTML: the contract, film, captions, overlays, motion and look references, the CLI, the registry, media, Figma, slideshows and Remotion ports.

22 skills

heygen-com/hyperframes 83,516

ruflo-browser

claude

Agentic browser automation with Playwright for testing, scraping, and UI interaction

10 skills · 1 command · 1 agent

ruvnet/ruflo 81,589

Maintain prototyping?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins38 plugins