Swift Design Systemを使用したiOS UI実装のためのスキル。デザイントークン、UIコンポーネント、レイアウトパターンのベストプラクティスに加え、コンポーネント生成、デザイン監査、視覚的差分検出を提供。
npx claudepluginhub no-problem-dev/claude-code-plugins --plugin swift-design-systemデザインシステム準拠のSwiftUIコンポーネントを生成する。新しいUIパーツの作成、コンポーネント生成時に使用。「コンポーネント作成」「新しいUI」「パーツ作成」「component generate」「UIパーツ」「新規コンポーネント」などのキーワードで自動適用。
SwiftUI ViewのDesign System準拠性を監査する。既存UIのレビュー、デザインチェック時に使用。「デザインレビュー」「UIチェック」「design audit」「デザイン監査」「UI監査」「デザインチェック」「トークン確認」などのキーワードで自動適用。
UIの視覚的差分を検出・比較する。デザイン変更前後の比較、リファレンスとの差分確認時に使用。「デザイン比較」「UI差分」「design diff」「design compare」「ビフォーアフター」「見た目の違い」などのキーワードで自動適用。
Swift Design Systemを使用したiOS UI実装スキル。デザイントークン、UIコンポーネント(Button、Card、Chip、FAB、Snackbar、Picker等15種)、レイアウトパターンのベストプラクティスを提供。「デザイン」「UI」「テーマ」「カラー」「タイポグラフィ」「スペーシング」「ボタン」「カード」「FAB」「Snackbar」「Picker」「SwiftUI」「DesignSystem」などで自動適用。
Claude Code プラグインマーケットプレイス
/plugin marketplace add no-problem-dev/claude-code-plugins
| プラグイン | 説明 |
|---|---|
| ios-dev | iOS/Swift/Xcode ビルド・テスト・実行コマンド群 |
| go-backend | Go バックエンド ビルド・テスト・Lint コマンド群 |
| firebase-emulator | Firebase Emulator Suite 起動・停止・管理 |
| プラグイン | 説明 |
|---|---|
| ios-architecture | iOS Clean Architecture スキル |
| swift-design-system | Swift Design System UI 実装スキル |
| プラグイン | 説明 |
|---|---|
| release-flow | リリースワークフロー自動化 |
| notify-on-stop | 停止・権限要求時に Slack / macOS 通知を送信 |
| プラグイン | 説明 |
|---|---|
| deploy-to-codex | Claude Code スキルを Codex CLI 互換 .agents/ に変換 |
このリポジトリでは plugin-dev@anthropic-official が設定済みです。
# プラグイン作成ガイド
/plugin-dev:create-plugin
MIT
Ultra-compressed communication mode. Cuts ~75% of tokens while keeping full technical accuracy by speaking like a caveman.
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Creative skill for generating algorithmic and generative art. Produces visual designs using mathematical patterns, fractals, and procedural generation.
Frontend design skill for UI/UX implementation
Humanise text and remove AI writing patterns. Detects and fixes 24 AI tell-tales including inflated language, promotional tone, AI vocabulary, filler phrases, sycophantic tone, and formulaic structure.
Expert guidance for Next.js Cache Components and Partial Prerendering (PPR). Proactively activates in projects with cacheComponents: true, providing patterns for 'use cache' directive, cacheLife(), cacheTag(), cache invalidation, and parameter permutation rendering.