By JHamidun
Build a complete design system from brand extraction to token export. Extract colors and fonts from a URL, generate OKLCH color scales with WCAG AA contrast, create dark mode themes, and export tokens in W3C DTCG format. Includes ready-made CSS themes, typography scales, font pairings, and HTML moodboards for design direction.
Вытащить цвета, шрифты, базовый копирайт из лендинга по URL. Через headless Playwright.
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
Из 1 акцента → полная палитра (light + dark, 9-step scale, semantic) с проверенным контрастом.
Превратить light-only дизайн в light+dark с переключателем. Не просто инверт цвета — продуманные dark-токены.
Несколько готовых "тем" для slides — минимал, editorial, dark, data, brutalist. Стартовая точка вместо пустого шаблона.
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-systemWrite, 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