By JHamidun
Orchestrates UI design workflow from brief to polished HTML: scopes ambiguous requests, prescribes style presets or design systems, critiques layouts for hierarchy and accessibility, diffs before/after HTML side-by-side, audits asset licenses, and checks every screen for mandatory UI states before handoff.
Diff между двумя HTML-файлами — DOM-разница, визуальная разница, side-by-side. Полезно для ревью.
Анти-слоп правила. Что НЕ добавлять в дизайн, чтобы он не выглядел как ИИ-выхлоп.
Готовые сценарии "как от запроса дойти до результата". 5 типовых задач с пошаговым flow и нужными скиллами.
Не делать дизайн, а критиковать готовый. Конкретно, по чеклисту, без "выглядит хорошо".
Общий гайд по принципам хорошего дизайна — иерархия, ритм, плотность, копирайт, ответственность. Не процессный скилл, а памятка о вкусе.
Uses power tools
Uses Bash, Write, or Edit tools
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 design-processWrite, 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.
Claude harness - A harness for solo developers (Vibecoders) to handle full-cycle contract development.
Supergraph enforces a complete, evidence-based coding pipeline — scan → plan → TDD → fix → verify → review — grounded in real codebase analysis at every step. It combines AST dependency graphs, LSP-level code intelligence, and a structured skill chain so Claude never guesses about impact before making a change.
Harness-native ECC operator layer - 67 agents, 277 skills, 92 legacy command shims, reusable hooks, rules, selective install profiles, and production-ready workflows for Claude Code, Codex, OpenCode, Cursor, and related agent harnesses
v9.44.1 — Patch release for Gemini environment/version detection and qwen auth gating. Run /octo:setup.
AI-powered development tools for code review, research, design, and workflow automation.
Unity Development Toolkit - Expert agents for scripting/refactoring/optimization, script templates, and Agent Skills for Unity C# development