Search everything...

Stats

Actions

Available In

Design I/O & QA

Name: Design I/O & QA
Author: jhamidun

By JHamidun

Bridge design and development with Figma import/export, automated accessibility and performance audits, visual regression testing, and multi-format exports (PDF, PNG, PPTX). Generate structured handoff packages from mockups and validate UI across viewports and i18n edge cases.

npx claudepluginhub jhamidun/claude-code-config-pack --plugin design-io

Popularity

Stars

Top 25%

Med: 0·Avg: 273

Installs

Med: 0·Avg: 1

What's Inside

Slash Commands1

User Flow: $ARGUMENTS

/userflow

Design user flow and wireframes

Agents3

accessibility-tester

/accessibility-tester

Use proactively for comprehensive web accessibility testing (WCAG 2.1 AA/AAA compliance, screen reader validation, keyboard navigation, ARIA labels, color contrast). Generates detailed accessibility audit reports with actionable remediation steps.

mobile-fixes-implementer

/mobile-fixes-implementer

Use proactively to automatically implement mobile responsiveness fixes from test reports. Specialist for systematically applying CSS, JavaScript, and viewport optimizations to resolve mobile UX issues.

mobile-responsiveness-tester

/mobile-responsiveness-tester

Use proactively for comprehensive mobile responsiveness testing across multiple viewports, detecting layout issues, validating touch targets, and generating actionable fixes for mobile UX problems

Skills17

a11y-audit

/a11y-audit

Прогон axe-core в headless. Отчёт по WCAG-нарушениям с ссылками на конкретные элементы.

claude-design

/claude-design

Работа с Claude Design (claude.ai/design) — AI-инструмент Anthropic для дизайн-мокапов. Skill покрывает workflow от мокапа до production code, структуру handoff-bundle, как читать прототипы и переносить их pixel-perfect в проект, советы пользователю по эффективному созданию мокапов, анти-паттерны.

dev-handoff

/dev-handoff

Собрать handoff-пакет для разработчика. Извлекает токены из готового HTML, генерирует README с компонентами, размерами и состояниями.

document-import

/document-import

PDF / DOCX / PPTX / sketch.app → структурированный контент для слайдов или лендинга. Извлекает заголовки, текст, цитаты, изображения. Используется для pitch-deck из PRD, лендинга из brief, slides из manifesto.

export-pdf

/export-pdf

HTML → PDF через Playwright Chromium. Для слайдов и лендингов которые нужно отправить как один файл. Сохраняет векторный текст (можно копировать), reasonable file size, корректные cuts по слайдам.

Stats

Version0.1.0

ReleasedJun 21, 2026

LanguagePython

Stars7

Forks9

MaintenanceGood

LicenseMIT

Last CommitJun 29, 2026

AddedJun 29, 2026

Actions

View on GitHub View README Plugin Marketplace JSON

Own this plugin?

Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).

Available In

hamidun7

Safety Signals

Caution

Uses power tools

Uses Bash, Write, or Edit tools

README

hamidun — Claude Code plugin marketplace

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.

Quick start

/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/ with install.ps1 / install.sh. The marketplace below is the recommended, modular way to consume it.

Catalog

🎨 Design & frontend

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.

🖼️ Content & media

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.

📣 Social & marketing

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.

🛠️ Engineering

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).

🤖 AI & meta

Plugin	Description
skill-dev	Author skills/agents/plugins/MCP, prompt engineering, Claude API & CLI.
ai-gateways	Route to GPT, Gemini, Kimi, DeepSeek, Perplexity.

💼 Business & ops

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.

Credits & attribution

Most plugins are original work. A few are adaptations of excellent open-source upstreams, credited here and in each plugin's UPSTREAM.md:

View full README on GitHub

Design I/O & QA

Popularity

What's Inside

Confidence

README

hamidun — Claude Code plugin marketplace

Quick start

Catalog

🎨 Design & frontend

🖼️ Content & media

📣 Social & marketing

🛠️ Engineering

🤖 AI & meta

💼 Business & ops

Credits & attribution

Similar Plugins

prompts.chat

claude-code-toolkit

drawio-diagramming

anthropic-essentials

agent-skills

agent-teams

More by JHamidun

LinkedIn Suite

Multi-Model Gateways

Dev Process

Google Workspace

Social Posting

hamidun — Claude Code plugin marketplace

Quick start

Catalog

🎨 Design & frontend

🖼️ Content & media

📣 Social & marketing

🛠️ Engineering

🤖 AI & meta

💼 Business & ops

Credits & attribution

Popularity

Health & Quality

More by JHamidun

LinkedIn Suite

Multi-Model Gateways

Dev Process

Google Workspace

Social Posting

Similar Plugins

prompts.chat

claude-code-toolkit

drawio-diagramming

anthropic-essentials

agent-skills

agent-teams