本文へ移動
cccskills

デザインのスキル

UI/UX、ロゴ、スライド、画像生成(7,360 件)

価格や並び順で絞り込む

应用从 AI for Everyone 蒸馏出的「AI项目生命周期 — 从立项到落地的完整流程」方法论。Use when the user needs practical guidance, diagnosis, workflow design, decision support, or an action plan related to ai-project-lifecycle.

日本語の概要は準備中です。原文の説明を表示しています。

kangarooking/ai-for-everyone-skill382026年7月3日 更新

应用从 AI for Everyone 蒸馏出的「AI团队构建 — 打造高效AI团队的角色与协作」方法论。Use when the user needs practical guidance, diagnosis, workflow design, decision support, or an action plan related to ai-team-building.

日本語の概要は準備中です。原文の説明を表示しています。

kangarooking/ai-for-everyone-skill382026年7月3日 更新

应用从 AI for Everyone 蒸馏出的「不在火车前冲刺 — AI自建vs购买决策框架」方法论。Use when the user needs practical guidance, diagnosis, workflow design, decision support, or an action plan related to build-vs-buy.

日本語の概要は準備中です。原文の説明を表示しています。

kangarooking/ai-for-everyone-skill382026年7月3日 更新

应用从 AI for Everyone 蒸馏出的「迭代而非完美 — AI产品的渐进式改进」方法论。Use when the user needs practical guidance, diagnosis, workflow design, decision support, or an action plan related to iterate-not-perfect.

日本語の概要は準備中です。原文の説明を表示しています。

kangarooking/ai-for-everyone-skill382026年7月3日 更新

应用从 AI for Everyone 蒸馏出的「AI转型五步指南 — 组织变革路线图」方法论。Use when the user needs practical guidance, diagnosis, workflow design, decision support, or an action plan related to ai-transformation-playbook.

日本語の概要は準備中です。原文の説明を表示しています。

kangarooking/ai-for-everyone-skill382026年7月3日 更新

应用从 AI for Everyone 蒸馏出的「AI价值驱动三途径 — 降本/增收/新业务」方法论。Use when the user needs practical guidance, diagnosis, workflow design, decision support, or an action plan related to three-value-drivers.

日本語の概要は準備中です。原文の説明を表示しています。

kangarooking/ai-for-everyone-skill382026年7月3日 更新

应用从 AI for Everyone 蒸馏出的「AI流水线 — 多组件串联的系统设计模式」方法论。Use when the user needs practical guidance, diagnosis, workflow design, decision support, or an action plan related to ai-pipeline.

日本語の概要は準備中です。原文の説明を表示しています。

kangarooking/ai-for-everyone-skill382026年7月3日 更新

应用从 AI for Everyone 蒸馏出的「从小处着手+寻找伙伴 — AI入门的行动原则」方法论。Use when the user needs practical guidance, diagnosis, workflow design, decision support, or an action plan related to start-small-find-partner.

日本語の概要は準備中です。原文の説明を表示しています。

kangarooking/ai-for-everyone-skill382026年7月3日 更新

应用从 AI for Everyone 蒸馏出的「分层AI培训 — 高管/经理/工程师的差异化学习」方法论。Use when the user needs practical guidance, diagnosis, workflow design, decision support, or an action plan related to role-tiered-training.

日本語の概要は準備中です。原文の説明を表示しています。

kangarooking/ai-for-everyone-skill382026年7月3日 更新

应用从 AI for Everyone 蒸馏出的「试点势能飞轮 — 先求成功再求价值」方法论。Use when the user needs practical guidance, diagnosis, workflow design, decision support, or an action plan related to pilot-momentum-flywheel.

日本語の概要は準備中です。原文の説明を表示しています。

kangarooking/ai-for-everyone-skill382026年7月3日 更新

严格审视 HarmonyOS、OpenHarmony 与 ArkUI 产品或代码,只报告有证据的设计、导航、跨设备适配、输入状态、动效、异步状态真实性、无障碍和动画性能问题,并给出规则 ID、ArkUI 落点与通过结论。用于用户明确要求 review、audit、审查、验收或评估鸿蒙 UI;不要用于从零设计、直接实现功能、修复构建签名或审查非界面代码。

日本語の概要は準備中です。原文の説明を表示しています。

dososo/HarmonyOS-Design382026年7月15日 更新

审视、设计、从零启动或改进 HarmonyOS、OpenHarmony 与 ArkUI 产品界面。用于检查 ArkTS UI、建立新项目设计基线、区分永恒原则与当前平台视觉语言、规划跨手机/平板/折叠屏/PC 的导航和布局、多输入控件状态、animateTo、transition、geometryTransition、springMotion、手势跟手与可打断动效、异步状态真实性、视觉分层参数、无障碍或动画性能,或建立鸿蒙 Motion Token 时。不要用于签名、构建、网络、存储、权限、数据库等纯工程问题,也不要用于通用视频剪辑或其他移动平台的设计规范评审。

日本語の概要は準備中です。原文の説明を表示しています。

dososo/HarmonyOS-Design382026年7月15日 更新

ui-verify

無料概要あり

フロントエンドの動作確認。起動中サーバーを自動検出し、Chrome DevTools で操作・デバッグ・パフォーマンス分析を実行。

sean-sunagaku/claude-code-plugin382026年7月30日 更新

user-journey

無料概要あり

ユーザージャーニーマップを、6つの専門エージェントチームで作成するスキル。 プロダクト情報とターゲットユーザーを入力し、認知→検討→初回利用→習慣化→推薦の 5フェーズで行動・思考・感情・接点・機能・課題・機会・Devアクションを構造化し、 Markdownドキュメントとして出力する。クロス分析と開発ロードマップも生成する。 ペルソナファイルがあれば自動読み込み、なければ手動入力でも動作する。 Use when: ジャーニーマップを作りたい、ユーザー体験の流れを設計したい、 カスタマージャーニーを作成したい、UXフローを可視化したい。 Triggers: "ジャーニー", "journey", "ジャーニーマップ", "journey map", "ユーザー体験", "user journey", "UXフロー", "体験設計", "カスタマージャーニー", "customer journey"

sean-sunagaku/claude-code-plugin382026年7月30日 更新

app-tone-manner

無料概要あり

アプリのトーン&マナー(トンマナ)を8名のエージェントチームで設計するスキル。 ブランドアーキタイプ・パーソナリティ定義から、カラー・タイポグラフィ・ビジュアルスタイル・ トーン・オブ・ボイスまでを一貫設計し、Pencil (.pen) + Markdown で成果物を出力する。 「デザインテンション」(矛盾ペア)を核に、AIっぽくない独自のブランドアイデンティティを生成する。

sean-sunagaku/claude-code-plugin382026年7月30日 更新

domain-expertise-extractor

無料概要あり

デジタルプロダクト系の専門領域(UI/UX, マーケティング, コピーライティング, ASO, グロース等)の 暗黙知を抽出・言語化・構造化し、他のSkillで使えるエージェント定義と評価基準を生成するスキル。 素人では判断できない「良い/悪い」の基準を、AI が専門家レベルで調査・分析・言語化し、 再利用可能なドメインナレッジとして出力する。 Use when: 評価基準を作りたい、ドメイン知識を抽出したい、専門家の視点を言語化したい、 暗黙知を構造化したい、ベストプラクティスを整理したい。 Triggers: "ドメイン知識", "専門知識", "評価基準", "domain expertise", "expertise extract", "知識抽出", "暗黙知", "ベストプラクティス抽出", "評価基準を作りたい", "専門家の視点", "ドメインナレッジ", "domain knowledge", "expertise builder"

sean-sunagaku/claude-code-plugin382026年7月30日 更新

agent-team-guide

無料概要あり

Agent Teams スキルを設計・構築するためのベストプラクティスガイド。 サブエージェント定義、SendMessage 通信プロトコル、タスク依存管理、 PostToolUse Hook によるログ、MCP ツール統合、コンテキストファイル設計を網羅。 7つの実績あるチームスキル(app-naming, ui-review, logo-design, persona-creation, skill-creator-team, ui-variations, aso-optimize)から抽出したパターン集。 Use when: Agent Teams を使ったスキルを新規作成したい、 既存のチームスキルの品質を改善したい、エージェント間通信のデバッグ、 チームスキルの設計パターンを知りたい。 Triggers: "agent team", "チームスキル", "エージェントチーム", "サブエージェント定義", "SendMessage パターン", "チーム設計", "エージェント間通信", "team skill", "swarm pattern"

sean-sunagaku/claude-code-plugin382026年7月30日 更新

brand-essence

無料概要あり

アプリ・サービスのブランドエッセンス(USP・差別化・タグライン・カテゴリ帰属)を ヒアリングと分析で抽出し、構造化ドキュメントとして出力するスキル。 ロゴデザイン、ASO、LP、トンマナ設計など、あらゆるブランド制作物の「前工程」として機能する。 コードベースや既存ドキュメントがあれば自動で読み取り、不足分だけユーザーに質問する。 Use when: ブランドの核心を整理したい、ロゴやLPを作る前に訴求ポイントを明確にしたい、 USPを言語化したい、差別化ポイントを整理したい、タグラインを考えたい。 Triggers: "ブランドエッセンス", "brand essence", "USP", "訴求ポイント", "差別化ポイント", "タグライン", "何が売りか整理", "ブランドの核心", "訴求整理", "ブランド定義", "value proposition", "カテゴリ帰属"

sean-sunagaku/claude-code-plugin382026年7月30日 更新

screenshot-creator

無料概要あり

App Store / Google Play 用のプロモーションスクリーンショットを Pencil (.pen) で生成する Agent Team スキル。creative-director が戦略を立て、screenshot-designer が Pencil で デザインを構築し、copy-writer がコピーを提供し、spec-validator が技術仕様を数値検証し、 quality-reviewer が最終品質を確認する。5エージェント体制で高品質なスクリーンショットを生成。 Use when: App Store スクリーンショットを作りたい、プロモーション画像を作成したい、 スクショのデザインをしたい。 Triggers: "スクリーンショット作成", "App Store 画像", "プロモーションスクショ", "screenshot creator", "スクショ作って", "App Store 素材"

sean-sunagaku/claude-code-plugin382026年7月30日 更新

Build a polished local launch page in twelve minutes from a frozen app brief and design handoff, including a playable micro-demo, responsive copy, privacy proof, and zero remote dependencies. Use for the parallel marketing lane of a live iOS build, a fallback landing page, or a fast product teaser that must run offline.

日本語の概要は準備中です。原文の説明を表示しています。

sean-sunagaku/claude-code-plugin382026年7月30日 更新

Generate or review a Claude Design brief and convert its output into a deterministic SwiftUI implementation handoff with native iOS layout, tokens, states, transitions, and accessibility rules. Use for Claude Design mobile prototypes, three-screen iOS concepts, Design-to-Claude-Code handoffs, or when a visual prototype must be buildable without interpretation.

日本語の概要は準備中です。原文の説明を表示しています。

sean-sunagaku/claude-code-plugin382026年7月30日 更新

ui-flow-design

無料概要あり

機能要件から画面構成・ワイヤーフレームまでを段階的に落とし込むスキル。 design-discussion や feature-discussion の成果物を入力として、 2ステップ(アクションフロー → ワイヤーフレーム + 画面設計ノート)で画面設計を行う。 ワイヤーフレームを見ながらユーザーと一緒に必要な機能・画面要素を詰めていく。 成果物は PlantUML Salt による視覚的なワイヤーフレーム。 Use when: 機能から画面に落としたい、画面構成を考えたい、 ワイヤーフレームを作りたい、画面設計をしたい、画面フローを整理したい。 design-discussion の後に使うと効果的。 Triggers: "画面構成", "画面設計", "ワイヤーフレーム", "画面に落とす", "ui flow design", "UIフロー設計", "wireframe", "画面を考えたい", "UIフロー", "画面遷移", "screen design", "画面フロー", "screen flow"

sean-sunagaku/claude-code-plugin382026年7月30日 更新

Convert SVG files to high-quality PNG images with precise control over dimensions, background color, and CSS rendering (including mix-blend-mode, filters, gradients). Use this skill when the user wants to: (1) convert SVG to PNG, (2) generate app icons or splash screens from SVG source, (3) batch-generate multiple PNG sizes from a single SVG, (4) render SVG with advanced CSS features like mix-blend-mode or filters to PNG. Triggers: "SVG to PNG", "SVG変換", "PNG変換", "アイコン生成", "スプラッシュ生成", "app icon from SVG", "favicon generation", "splash screen generation".

日本語の概要は準備中です。原文の説明を表示しています。

sean-sunagaku/claude-code-plugin382026年7月30日 更新

pencil-replicator

無料概要あり

Chrome で表示中の Web 画面を Pencil (.pen) ファイルに高精度で再現する Agent Team スキル。 3つの専門エージェント(screen-analyzer, design-builder, quality-reviewer)が 分析→構築→品質検証のサイクルを回し、忠実な画面再現を実現する。 Use when: Pencil で再現して、画面を Pencil に写して、Chrome を Pencil にコピー、 pencil-replicate、デザインをキャプチャ、UI を Pencil に

sean-sunagaku/claude-code-plugin382026年7月30日 更新