By sumik5
sumik Claude Code Plugin (design) — UX/デザイン戦略スキル群(UXデザイン/AIエクスペリエンス/デザイン思考/データビジュアライゼーション/デザインシステム/行動デザイン)
Behavioral design methodology for products that change user behavior using CREATE Action Funnel (Cue, Reaction, Evaluation, Ability, Timing) and three strategies (cheat, habit, conscious action). Use when designing product features that aim to change user habits, increase engagement, or guide users toward beneficial actions. For visual UI/UX design principles, use designing-ux instead. For training program design and facilitation methodology, use studio:designing-training instead. For human-centered design thinking process (user research, ideation, prototyping), use designing-ux instead.
Design system construction, governance, Figma implementation, and practical launch/adoption methodology covering system foundations, pattern taxonomy (CEV naming), organizational adoption (consensus building, proposal templates), pattern library operations, UI pattern catalog (20+ patterns), Figma variable/token architecture, incremental launch, buy-in strategies, content creation, CI/CD automation, update notification framework (6 steps), operational ownership patterns, case studies, and self-assessment. Use when architecting, evaluating, or restructuring a design system, planning organizational adoption, building a pattern library, constructing a design system within Figma, starting a DS from scratch, or creating design system content. For component styling, use styling-with-tailwind instead. For design-to-code, use implementing-design instead. For frontend codegen, use designing-frontend instead.
AI experience (AIX) design guide: agentic UX, Copilot patterns, mental models, AI-first interfaces, input/output design, framing, ethics. Use when designing AI-powered product UX or human-AI interaction patterns such as agentic systems, Copilot features, prompt UI, or AI output presentation. For general UI/UX & visual design use designing-ux. For design-thinking process & UX research use practicing-design-thinking. For behavior-change product design use applying-behavior-design.
Comprehensive data visualization principles covering chart type selection, color scales, design best practices, and data storytelling. Use when creating charts, dashboards, or any visual data representation. For UI/UX design principles, use designing-ux instead. For technical diagrams (flowcharts, architecture), use studio:creating-diagrams instead.
UXデザイン総合ガイド(認知心理学・UIガイドライン・グラフィック基礎・インターフェイス哲学・UXエレメント5段階モデル・UIデザイン実践TIPS・Webビジュアルデザイン実践)。 Use when designing user experiences, UI, creating web page layouts and visual designs, defining web design concepts using functionality/emotionality frameworks, or referencing UI/graphic design principles and interaction philosophy. 認知心理学基盤(知覚・記憶・思考)、UIデザインガイドライン(コンポーネント・マルチデバイス・ユーザビリティ)、グラフィックデザイン基礎(造形・色彩・タイポグラフィ・レイアウト)、インターフェイス哲学(Fluid Interfaces・モーション理論・ウェルビーイング)、UXエレメント5段階モデル(Strategy/Scope/Structure/Skeleton/Surface)、UIデザイン実践TIPS(状態設計・フィードバック・コンポーネント選択)、Webビジュアルデザイン実践(機能性7軸・情緒性6軸・コンセプト策定)を含む。デザイン思考プロセス・ユーザーリサーチは practicing-design-thinking スキルへ。AIエクスペリエンス設計は designing-ai-experiences スキルへ。
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.
Claude Code / Codex の開発ワークフローを強化する包括的なプラグインシステム
LLMの開発効率を最大化するためのプラグイン。Agent、コマンド、スキル、フック、MCPサーバー統合を含み、並列実行モデル、トークン効率化、型安全性、セキュリティファーストのアプローチを実現します。
/plugin install devkit@sumik
/plugin install studio@sumik
/plugin install lang@sumik
/plugin install cloud@sumik
/plugin install ai@sumik
/plugin install design@sumik
codex plugin marketplace add https://github.com/sumik5/sumik-llm-plugin.git --ref main
codex plugin add devkit@sumik-marketplace
codex plugin add studio@sumik-marketplace
codex plugin add lang@sumik-marketplace
codex plugin add cloud@sumik-marketplace
codex plugin add ai@sumik-marketplace
codex plugin add design@sumik-marketplace
sumik-llm-plugin/ # GitHub repo(Codex はここを git clone)
├── .agents/
│ └── plugins/
│ └── marketplace.json # Codex marketplace manifest(marketplace 名 sumik-marketplace / plugin 名 devkit + studio + lang + cloud + ai + design)
├── .cache/
│ └── sumik-marketplace/
│ ├── devkit -> ../.. # Codex marketplace から repo root の plugin を指す symlink
│ ├── studio -> ../../plugins/studio # Codex marketplace から studio plugin を指す symlink
│ ├── lang -> ../../plugins/lang # Codex marketplace から lang plugin を指す symlink
│ ├── cloud -> ../../plugins/cloud # Codex marketplace から cloud plugin を指す symlink
│ ├── ai -> ../../plugins/ai # Codex marketplace から ai plugin を指す symlink
│ └── design -> ../../plugins/design # Codex marketplace から design plugin を指す symlink
├── .claude-plugin/
│ └── marketplace.json # claude.ai が読む(marketplace 名 sumik / plugin 名 devkit + studio + lang + cloud + ai + design / source ./plugins/<p>)
├── .codex-plugin/
│ └── plugin.json # Codex CLI プラグインマニフェスト(plugin 名 devkit / skills ./plugins/devkit/skills/ / version 同期必須)
├── .mcp-codex.json # Codex 用 MCPサーバー設定(command ./plugins/devkit/bin/... / cwd ".")
├── README.md
├── CLAUDE.md
└── plugins/
├── devkit/ # Claude Code プラグイン本体(claude.ai が取り込む清潔な範囲)
│ ├── .claude-plugin/
│ │ └── plugin.json # プラグインメタデータ(plugin 名 devkit / .codex-plugin/ と version 同期必須)
│ ├── .mcp.json # Claude 用 MCPサーバー設定(${CLAUDE_PLUGIN_ROOT}/bin/...)
│ ├── agents/ # Agent定義 (28体、カテゴリ別プレフィックス: core/lang/fw/fe/cloud/qa/data/doc/str)
│ ├── commands/ # スラッシュコマンド (12個)
│ ├── hooks/ # イベントフック (4個)
│ ├── bin/ # MCPサーバー起動ラッパー (npx-mise.sh, uvx-mise.sh)
│ ├── scripts/ # ヘルパースクリプト (3個)
│ └── skills/ # ナレッジスキル (28個)
├── studio/ # コンテンツ制作プラグイン(slides/diagrams/flashcards/LaTeX 等)
│ ├── .claude-plugin/
│ │ └── plugin.json # プラグインメタデータ(plugin 名 studio / version 同期必須)
│ ├── .mcp.json # Claude 用 MCPサーバー設定(drawio・${CLAUDE_PLUGIN_ROOT}/bin/...)
│ ├── .codex-plugin/
│ │ └── plugin.json # Codex CLI プラグインマニフェスト(plugin 名 studio / skills ./skills/)
│ ├── .mcp-codex.json # Codex 用 MCPサーバー設定(drawio・command ./bin/... / cwd ".")
│ ├── README.md
│ ├── bin/ # MCPサーバー起動ラッパー (npx-mise.sh)
│ ├── commands/ # スラッシュコマンド (2個)
│ ├── scripts/ # ヘルパースクリプト (pdf-to-markdown, epub-fix-cover.sh)
│ └── skills/ # ナレッジスキル (11個)
├── lang/ # 言語・フレームワーク・フロントエンド実装プラグイン(skills-only)
│ ├── .claude-plugin/
│ │ └── plugin.json # プラグインメタデータ(plugin 名 lang / version 同期必須)
│ ├── .codex-plugin/
│ │ └── plugin.json # Codex CLI プラグインマニフェスト(plugin 名 lang / skills ./skills/ / mcpServers なし)
│ ├── README.md
│ └── skills/ # ナレッジスキル (14個)
├── cloud/ # クラウド・インフラ・アーキテクチャプラグイン(skills-only)
│ ├── .claude-plugin/
│ │ └── plugin.json # プラグインメタデータ(plugin 名 cloud / version 同期必須)
│ ├── .codex-plugin/
│ │ └── plugin.json # Codex CLI プラグインマニフェスト(plugin 名 cloud / skills ./skills/ / mcpServers なし)
│ ├── README.md
│ └── skills/ # ナレッジスキル (11個)
├── ai/ # AI/LLM/エージェント開発プラグイン(skills-only)
│ ├── .claude-plugin/
│ │ └── plugin.json # プラグインメタデータ(plugin 名 ai / version 同期必須)
│ ├── .codex-plugin/
│ │ └── plugin.json # Codex CLI プラグインマニフェスト(plugin 名 ai / skills ./skills/ / mcpServers なし)
│ ├── README.md
│ └── skills/ # ナレッジスキル (4個)
sumik Claude Code Plugin (studio) — slides, diagrams, flashcards, EPUB/PDF conversion, LaTeX, content & training creation
sumik Claude Code Plugin (lang) — 言語・フレームワーク・フロントエンド実装スキル群(Python/Go/Bash/React/Next.js/フルスタックJS/DB/Web API/MCP/Tailwind/Figma実装/ブラウザ自動化)
sumik Claude Code Plugin
sumik Claude Code Plugin (cloud) — クラウド・インフラ・アーキテクチャスキル群(AWS/Google Cloud/Terraform/Firebase/DevOps/オブザーバビリティ/認可/Keycloak/インフラ・データ設計/マルチテナントSaaS)
sumik Claude Code Plugin (ai) — AI/LLM/エージェント開発スキル群(GenAIデザインパターン/AIエージェント構築/Web AI統合/promptfoo評価)
npx claudepluginhub sumik5/sumik-llm-plugin --plugin designUltra-compressed communication mode. Cuts ~75% of tokens while keeping full technical accuracy by speaking like a caveman.
Frontend design skill for UI/UX implementation
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
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
Standalone image generation plugin using Nano Banana MCP server. Generates and edits images, icons, diagrams, patterns, and visual assets via Gemini image models. No Gemini CLI dependency required.