By JHamidun
Add microinteractions, animations, and interactive overlays to UI prototypes with live tweaking, device frames, accessible forms, and direct DOM manipulation for rapid design iteration.
Локальный сервер с автоперезагрузкой при изменениях файлов. Vite-style dev experience внутри Claude Code — меняешь HTML/JSX, страница в браузере перерисовывается. Не подделка claude.ai/design canvas, но рядом.
Skeleton loaders, hover-эффекты, scroll-reveal, button feedback. Маленькие анимации которые делают прототип живым. Не тяжёлый motion (см. animations) — а micro-feedback на действия пользователя.
Mobile UI слои — клавиатура (iOS/Android), bottom sheet, action sheet, тосты, нотификации. Поверх interactive-prototype добавляет реалистичные overlay-элементы.
Стейтить data-screen-label на каждом экране/слайде. Облегчает диалог "слайд 5 / экран Settings" и упрощает правки.
Sidebar-панель с крутилками (sliders/toggles/color pickers) для живой настройки прототипа. Юзер может менять primary color, font scale, density, theme, не открывая код. Поверх 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 ui-motionWrite, 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.
Design fluency for frontend development. 1 skill with 23 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.
Behavioral guidelines to reduce common LLM coding mistakes, derived from Andrej Karpathy's observations on LLM coding pitfalls
Lazy senior dev mode. Forces the simplest, shortest solution that actually works: YAGNI, stdlib first, no unrequested abstractions.
Comprehensive skill pack with 66 specialized skills for full-stack developers: 12 language experts (Python, TypeScript, Go, Rust, C++, Swift, Kotlin, C#, PHP, Java, SQL, JavaScript), 10 backend frameworks, 6 frontend/mobile, plus infrastructure, DevOps, security, and testing. Features progressive disclosure architecture for 50% faster loading.
Access thousands of AI prompts and skills directly in your AI coding assistant. Search prompts, discover skills, save your own, and improve prompts with AI.
Develop, test, build, and deploy Godot 4.x games with Claude Code. Includes GdUnit4 testing, web/desktop exports, CI/CD pipelines, and deployment to Vercel/GitHub Pages/itch.io.