jpskill.com

すべてのSkill (96)

🎨 デザイン コミュニティ
🎨 Canvas
canvas
学習管理システム(LMS)のCanvasと連携
⏱ ロゴ初案3パターン 1週間 → 1時間
詳しく見る →
🎨 デザイン コミュニティ
🎨 Concept Diagrams
concept-diagrams
物理の実験装置や化学反応、数学の曲線、
⏱ アーキテクチャ図 半日 → 5分
詳しく見る →
🎨 デザイン コミュニティ
🎨 Motion Advanced
motion-advanced
ReactやNext.jsで、ドラッグ&ドロップ、ジェスチャー、SVG描画など高度なアニメーションを実装するSkill。
⏱ 図解SVG生成 30分 → 1分
詳しく見る →
🎨 デザイン コミュニティ
🎨 Make Interfaces Feel Better
make-interfaces-feel-better
UIのスペーシング、タイポグラフィ、シャドウなどを調整し、ユーザーインターフェースを洗練された印象にするSkill。
⏱ ブランド色適用 数時間 → 1分
詳しく見る →
🎨 デザイン コミュニティ
🎨 Django Celery
django-celery
Django(ジャンゴ)で開発されたウェブアプリケーション
⏱ ロゴ初案3パターン 1週間 → 1時間
詳しく見る →
🎨 デザイン コミュニティ
🎨 Mermaid Diagram Specialist
mermaid-diagram-specialist
フローチャート、シーケンス図、ER図、アーキテクチャ図など、様々なMermaidダイアグラムを専門的に作成するSkill。
⏱ ブランド色適用 数時間 → 1分
詳しく見る →
🎨 デザイン コミュニティ
🎨 DesignシステムStarter
design-system-starter
デザインシステムを構築し、デザイン原則、コンポーネント、アクセシビリティ、ドキュメントを統合して、一貫性のあるUIを実現するSkill。
⏱ ブランド色適用 数時間 → 1分
詳しく見る →
🎨 デザイン コミュニティ
🎨 Core Components
core-components
UI構築やデザインシステム活用時に、デザイン原則に沿ったコンポーネントライブラリを効率的に利用するSkill。
⏱ 図解SVG生成 30分 → 1分
詳しく見る →
🎨 デザイン コミュニティ
🎨 DesignToコード
design-to-code
Figmaのデザインから、TypeScriptやTailwindCSS V4を用いた高品質なReactコードを自動生成し、エラー処理や復元機能で開発を効率化するSkill。
⏱ 図解SVG生成 30分 → 1分
詳しく見る →
🎨 デザイン コミュニティ
🎨 UIDesignシステム
ui-design-system
UIデザイナーがデザインシステムを構築し、一貫性を保ちながら開発者との連携を円滑にするためのツールキットを提供するSkill。
⏱ Figma → 本番コード変換 1日 → 30分
詳しく見る →
🎨 デザイン コミュニティ
🎨 Mermaid Diagrams
mermaid-diagrams
ソフトウェアの設計や構造を、クラス図、シーケンス図、フローチャートなど多様な形式で視覚的に表現し、理解を深めるための図を作成するSkill。
⏱ 図解SVG生成 30分 → 1分
詳しく見る →
🎨 デザイン コミュニティ
🎨 Figma MCP統合(デザイン文脈取得・コード変換)
figma
Figma MCPサーバーでデザイン文脈・スクショ・変数・アセットを取得し本番コードに変換するSkill。
⏱ ロゴ初案3パターン 1週間 → 1時間
詳しく見る →
🎨 デザイン コミュニティ
🎨 Figma→本番コード変換(MCPワークフロー)
figma-implement-design
Figma MCPワークフロー(デザイン文脈/スクショ/アセット)でFigmaを本番コードに1:1変換するSkill。
⏱ アーキテクチャ図 半日 → 5分
詳しく見る →
🎨 デザイン コミュニティ
🎨 draw.io 図の作成・編集・レビュー
draw-io
draw.io の .drawio XML編集・PNG変換・レイアウト調整・AWSアイコン使用Skill。
⏱ Figma → 本番コード変換 1日 → 30分
詳しく見る →
🎨 デザイン コミュニティ
✏️ Excalidraw 図形ファイル操作
excalidraw
*.excalidraw/.excalidraw.json ファイルの操作・図表/フローチャート/アーキテクチャ可視化Skill。
⏱ ブランド色適用 数時間 → 1分
詳しく見る →
🎨 デザイン コミュニティ
📐 JSON仕様からSVG設計図(リクエスト/NN図解)
diagrammer
JSON仕様から青写真風SVG図(API/ニューラルネット等)を描画するSkill。
⏱ ロゴ初案3パターン 1週間 → 1時間
詳しく見る →
🎨 デザイン コミュニティ
🏛️ C4モデル アーキテクチャ図(Mermaid)
c4-architecture
C4モデル + Mermaid でシステムアーキテクチャ図を生成するSkill。
⏱ Figma → 本番コード変換 1日 → 30分
詳しく見る →
🎨 デザイン コミュニティ
🎁 無料ツール戦略(リード獲得・SEO・ブランド)
free-tool-strategy
マーケティング目的の無料ツール企画・評価・構築Skill。
⏱ ブランド色適用 数時間 → 1分
詳しく見る →
🎨 デザイン コミュニティ
✍️ SEO最適化コンテンツライター
content-creator
ブランドボイスを保ちながらSEO最適化コンテンツを作るSkill。フレームワーク・SNS連携含む。
⏱ アーキテクチャ図 半日 → 5分
詳しく見る →
🎨 デザイン コミュニティ
✅ QAテスト計画ジェネレーター(Figma連携)
qa-test-planner
QAエンジニア向けテスト計画・手動テストケース・回帰テストスイート・バグ報告書を自動生成。
⏱ 図解SVG生成 30分 → 1分
詳しく見る →
🎨 デザイン Anthropic公式
🎨 配色・フォント一括テーマ適用
theme-factory
スライド・ドキュメント・LP・レポートに「テーマ(配色・フォント)」を一括適用するSkill。10プリセット内蔵。
⏱ ロゴ初案3パターン 1週間 → 1時間
詳しく見る →
🎨 デザイン Anthropic公式
🎨 Frontend Design
frontend-design
ウェブサイトやアプリケーションのUIを、高品質で独創的なデザインのコードとして生成するSkill。
⏱ 図解SVG生成 30分 → 1分
詳しく見る →
🎨 デザイン Anthropic公式
🏷️ Anthropic ブランド統一
brand-guidelines
Anthropic 公式のブランドカラー・タイポを成果物に自動適用するSkill。
⏱ 図解SVG生成 30分 → 1分
詳しく見る →
🎨 デザイン Anthropic公式
🖼️ PNG/PDFでポスターをデザイン
canvas-design
PNG / PDF で「ポスター」「アート作品」「グラフィックデザイン」をデザイン哲学に沿って生成するSkill。
⏱ アーキテクチャ図 半日 → 5分
詳しく見る →