Convert SVGs to high-quality PNGs with precise control over dimensions, background colors, and CSS effects including mix-blend-mode and filters. Batch-generate app icons, favicons, and splash screens using built-in presets for quick asset production.
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.
プロダクトの基盤情報(課題仮説・ソリューション・市場スコープ・原体験・ビジネスモデル・競合・差別化)を ユーザーとの対話で掘り下げ、構造化されたドキュメント(product-context.md)として整理するスキル。 「自分のプロダクトって結局何なの?」を一緒に整理する壁打ち相手として機能する。 ペルソナ作成、LP設計、機能優先順位、マーケティング戦略など、 プロダクトの方向性に関わるあらゆる意思決定の「前提情報」を1ファイルにまとめる。 コードベースがあれば自動で読み取れる部分は埋め、残りをユーザーにヒアリングする。 Use when: 「プロダクトを整理したい」「ターゲット整理」「コンテキスト作成」 「ペルソナの前に」「誰向けのプロダクトか整理」「プロダクト情報まとめ」 「product context」「プロダクト定義」「プロダクトの前提」 「product discovery」「誰向け」と言われた時。 新しいプロジェクトの立ち上げ時や、方向性を見直したい時にも使う。 ペルソナ作成スキルを使う前に、まずこのスキルでプロダクトの前提を整理すべき。 Triggers: "product discovery", "product context", "プロダクト整理", "ターゲット整理", "コンテキスト作成", "プロダクト定義", "プロダクトの前提", "ペルソナの前に", "誰向け", "プロダクト情報まとめ", "プロダクトって何", "何を作ってるか整理", "どんな需要があるか"
アプリのトーン&マナー(トンマナ)を8名のエージェントチームで設計するスキル。 ブランドアーキタイプ・パーソナリティ定義から、カラー・タイポグラフィ・ビジュアルスタイル・ トーン・オブ・ボイスまでを一貫設計し、Pencil (.pen) + Markdown で成果物を出力する。 「デザインテンション」(矛盾ペア)を核に、AIっぽくない独自のブランドアイデンティティを生成する。
5つの専門エージェント(ブランディング・商標・デジタルプレゼンス・国際展開・コンテキスト管理)がチームで相互フィードバックしながら議論し、最適なアプリ名を決定する
GitHub Actions の CI 失敗を自動検出・ログ取得・修正・再検証するスキル。gh コマンドで PR のチェック状況を監視し、失敗時はログを分析してコードを修正、push 後に再度 CI を確認するループを回す
実装計画からタスクを分解し、ファイル単位の依存関係を分析して並列実行可能な Wave に自動グルーピング。編集ファイルが被らないタスクは全て同時並列にし、Mermaid 依存関係図 + ディレクトリ分割 TODO を出力する
npx claudepluginhub sean-sunagaku/claude-code-plugin --plugin svg-to-pngGenerate colour palettes, favicon packages, custom SVG icon sets, and image processing (resize, convert, optimise).
Design and iterate on logos using SVG with Claude Code
PDCAサイクルでロゴを反復改善するスキル。6つの専門エージェント+品質バリデーターがチームで議論・SVG生成・品質検証を行う。ブランドエッセンス連携、視覚的意味の具体性チェック、非対称デザイン原則を含む
Generate favicons, app icons, and social media images from logos, text, or emojis. Features emoji suggestions, WCAG validation, and automatic framework integration for Next.js, Astro, SvelteKit, and more.
Convert Figma designs and screenshots into production-ready code components with accessibility built-in
Implement UI designs from specs with pixel-perfect component generation