スキルを探す

Figmaデザインから高精度Jetpack Composeコードを生成するスキル。推測を排除し、Figma APIから正確な値を取得することで、95%以上の準拠率を実現。バイブコーディングを禁止し、Figma仕様に忠実な実装を保証する。

Implements SwiftUI Views from Figma designs using Figma MCP tools (figma:get_design_context, figma:get_screenshot, figma:get_variable_defs, figma:get_metadata). Splits large designs into appropriately-sized components, respects existing codebase conventions, and adds previews for each component. Use when implementing SwiftUI from Figma design URLs (e.g., figma.com/design/...), converting designs to code, or building iOS UI from Figma mockups. Do NOT call Figma MCP tools directly without reading this skill first.

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

Jetpack ComposeでUIを実装する時に参照するコーディングガイドライン。 「Android UI」「Compose」「Jetpack」「画面実装」「UIコンポーネント」「レイアウト」と言われたら使う。 Android/Kotlin UI実装のベストプラクティス、アンチパターン、実装パターンを提供する。

Claude Codeセッションの効率を分析・スコアリングするWebツール。セッションログ（JSONL）を解析し、7観点100点満点で「無駄の有無」を評価。npx session-evaluatorで起動し、ブラウザUIでセッション選択→分析→改善提案まで実行可能。

Extract and analyze Figma designs to create structured design specifications. Use this skill when you need to analyze Figma nodes, extract design properties (layout, spacing, typography), classify components using Atomic Design principles, and generate design specification documents that can be used for implementation.

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

Figma のワイヤーフレーム URL から仕様書一式を docs/ 配下に Markdown で抽出するスキル。ページ構成・ユースケース・アクター・データモデル・コンポーネントを 15 ステップで段階的に生成し、整合性／データモデル／コンポーネントの 3 レビューを作成する。**既存リポジトリの機能拡張モード** では既存モデル・ルーティング・ビューを再利用優先。**レビュー反復反映ステップ** では質問ループで方針を確定しドキュメントに反映する。Figma URL が提供されたとき、Figma デザインから実装用仕様書を作りたいとき、または既存仕様書の精度向上を求められたときに使用する。

checklist の「UI 撮影台本」に沿って UI のスクリーンショットを撮影し、前後比較(compare.html)用の before / after 素材を保存する。「実装前の UI を撮っておいて」「after のスクショを撮って」などの依頼で発火する。

Create comprehensive technical design for a specification

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

Create complete specs (requirements, design, tasks) for all features in roadmap.md using parallel sub-agent dispatch by dependency wave.

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

Interactive technical design quality review and validation

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

Lively, colorful design with bold playful typography, warm accents, and dynamic visual energy.

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

Urdu-first digital experiences with native RTL support, Nastaliq typography, and bilingual Urdu/Latin harmony. For editorial, personal, and publication layouts.

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

1950s-1990s nostalgia with skeuomorphic touches, grainy textures, retro color palettes, and pixel-style typography.

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

Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.

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

Straightforward, no-frills design with clean typography, neutral colors, and intuitive layouts that stay out of the way.

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

Carefully curated, modern minimal style with elegant serif typography and understated, sophisticated palettes.

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

Graceful, refined aesthetic with delicate typography, minimal palettes, and polished layouts that exude sophistication.

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

Vibrant, personality-driven design with bold colors, playful graphics, and dynamic layouts that balance creativity with structure.

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

Conversion-focused design that removes friction and guides users toward action through clarity, trust, and speed.

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

Classic block-game inspired design with playful colors, bold display fonts, and compact, high-energy layouts.

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

Throwback design with vintage-inspired typography, high-contrast retro palettes, and nostalgic visual elements.

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

Soft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, embedded look.

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

Retro arcade-inspired design with pixel fonts, dotted borders, playful high-contrast colors, and 8-bit game aesthetics.

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

Warm editorial, print-leaning document design system — parchment background, single ink-blue accent, serif-led hierarchy (LXGW WenKai for Chinese, Charter for English). For résumés, reports, white papers, letters, and editorial reading pages that should feel authored and published. Not a product-UI / component system.

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