By JHamidun
Rapidly create interactive UI prototypes from wireframes, sketches, or design specs using React and Tailwind. Convert hand-drawn sketches to HTML, build clickable prototypes without build tools, and export components to Storybook for team collaboration.
Storybook-подобная страница со всеми вариантами всех компонентов из дизайн-системы. Контролы для пропсов.
Несколько вариантов дизайна бок-о-бок с pan/zoom и фокусом. Для сравнения макетов в одном файле вместо разных HTML.
Кликабельный прототип на React + JSX через Babel-standalone в HTML. Сценарии переходов между экранами, навигация, состояния. Один файл — один прототип, никакого webpack. Стек с device-frames для рамки устройства, mobile-overlays для UI-слоёв, tweaks-panel для крутилок.
Стандартные плейсхолдеры для иллюстраций, аватаров, графиков, изображений в дизайне. НЕ генерируй stock-картинки и сложный SVG — используй понятные плейсхолдеры с подписью.
Закреплённые версии React/ReactDOM/Babel с integrity-хешами. Готовый блок script-тегов для interactive-prototype.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
A curated set of 29 focused Claude Code plugins by Zhemal Khamidun — design, content, AI media, engineering workflow, and knowledge work. Install only what you need.
/plugin marketplace add JHamidun/claude-code-config-pack
/plugin # browse & enable plugins
/plugin install design-system@hamidun
Each plugin is self-contained (skills/, agents/, commands/, hooks/). Enable a plugin and its skills activate automatically when relevant — so a small, focused plugin keeps your context light.
Looking for the old "drop everything into
~/.claude/" pack? It still lives under.claude/withinstall.ps1/install.sh. The marketplace below is the recommended, modular way to consume it.
| Plugin | Description |
|---|---|
| design-system | Tokens, color scales, type, dark mode, themes, brand kit. |
| design-process | Design taste, orchestration, critique, frontend presets, open-design. |
| prototyping | Wireframes, interactive prototypes, component playground, sketch→HTML. |
| ui-motion | Microinteractions, animations, mobile overlays, live tweaks, a11y forms. |
| design-io | Figma import/export, PDF/PNG/PPTX export, dev handoff, perf & a11y audits. |
| web-publish | Websites, HTML email, PWA shell, web assets, slides, dataviz, diagrams. |
| Plugin | Description |
|---|---|
| presentations | Gamma, Manus slides, Marp, native PPTX. |
| office-docs | DOCX, XLSX, PDF, EPUB, CSV analysis, file ops. |
| video-media | Video generation, avatars, edit/export, subtitles, transcripts. |
| audio-voice | Music (ACE-Step), TTS & cloning (ElevenLabs), transcription (Deepgram). |
| image-gen | Nano Banana, DALL-E, Replicate, enhancement, OCR, stickers, generative art. |
| Plugin | Description |
|---|---|
| linkedin-suite | Write, humanize, audit, plan LinkedIn posts; profile & comment tooling. |
| social-intel | Trends, ad spy, TikTok intel, SimilarWeb, mentions monitoring, scraping. |
| social-posting | Publish to X, Threads, Bluesky, Instagram, TikTok. |
| content-writing | Content engine, de-AI, doc interlinking, RU proofreading. |
| marketing-tools | Campaign planning, competitive analysis, SEO, performance analytics. |
| Plugin | Description |
|---|---|
| dev-core | Python/JS/TS dev, DB design, API docs, git workflow, architecture agents. |
| dev-process | TDD, systematic debugging, planning, review, worktrees, parallel agents. |
| code-health | Bug/cleanup/deps/reuse/security audits, threat hunting. |
| browser-testing | Browser automation, webapp testing, test & perf agents. |
| gsd | Get Shit Done — phase-based dev framework (roadmaps, plans, execution, verify). |
| Plugin | Description |
|---|---|
| skill-dev | Author skills/agents/plugins/MCP, prompt engineering, Claude API & CLI. |
| ai-gateways | Route to GPT, Gemini, Kimi, DeepSeek, Perplexity. |
| Plugin | Description |
|---|---|
| product-mgmt | Specs, roadmaps, metrics/OKR, research synthesis, stakeholder comms. |
| sales-tools | Account research, call prep, outreach, leads, battlecards. |
| research-tools | Document Q&A, stock analysis, thinking frameworks, meeting analysis. |
| google-workspace | Gmail, Docs, Sheets, Drive, Calendar, Contacts, Tasks, Meet, Ads. |
| integrations | n8n, AWS, Telegram bots, Zoom, Pinecone, DeepL, server health, Outlook. |
| session-tools | Memory, chat history, daily planning, reviews, model switching. |
Most plugins are original work. A few are adaptations of excellent open-source upstreams, credited here and in each plugin's UPSTREAM.md:
npx claudepluginhub jhamidun/claude-code-config-pack --plugin prototypingWrite, humanize, audit, plan LinkedIn posts; profile optimization; comment & reply drafting.
Route to GPT, Gemini, Kimi, DeepSeek, Perplexity for cross-model work.
TDD, systematic debugging, planning, code review, worktrees, parallel agents.
Gmail, Docs, Sheets, Drive, Calendar, Contacts, Tasks, Meet, Chat, Ads, Analytics.
Publish to X, Threads, Bluesky, Instagram, TikTok; multi-platform post drafting.
Frontend design taste skills including brutalist, minimalist, soft, redesign, stitch, and more
Ultra-compressed communication mode. Cuts ~75% of tokens while keeping full technical accuracy by speaking like a caveman.
Frontend design skill for UI/UX implementation
Memory compression system for Claude Code - persist context across sessions
Marketing skills for AI agents — conversion optimization, copywriting, SEO, paid ads, ad creative, and growth
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns