デザインのスキル

This skill helps agents use Figma's use_figma MCP tool in the Slides context. Can be used alongside figma-use which has foundational context for using the use_figma tool.

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

**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first. Skipping it causes common, hard-to-debug failures. Trigger whenever the user wants to perform a write action or a unique read action that requires JavaScript execution in the Figma file context — e.g. create/edit/delete nodes, set up variables or tokens, build components and variants, modify auto-layout or fills, bind variables to properties, or inspect file structure programmatically.

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

Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, create individual components with proper variant sets and variable bindings, set up theming (light/dark modes), document foundations, or reconcile gaps between code and Figma. Also use when the user asks to create or generate any component in Figma — even a single one — since components require proper variable foundations, variant states, and design token bindings to be production-quality. This skill teaches WHAT to build and in WHAT ORDER — it complements the `figma-use` skill which teaches HOW to call the Plugin API. Both skills should be loaded together.

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

React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.

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

Interactive idea refinement using Socratic method to develop fully-formed designs

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

Shared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find deepening opportunities, decide where a seam goes, make code more testable or AI-navigable, or when another skill needs the deep-module vocabulary.

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

Design philosophy docs and canvas-based visual creation. Use when articulating design principles, crafting multi-page design documents, or exploring aesthetic philosophy with intentional design thinking.

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

DDD v3 — bounded contexts, aggregates, value objects, domain events, Ubiquitous Language, strategic design

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

Expert en Domain Driven Design (bounded contexts, aggregates, value objects, repositories, ubiquitous language)

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

Expert en construction de design systems avancés (tokens, composants, Storybook, Figma sync, versioning, theming)

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

Design patterns v3 — GoF, SOLID, enterprise patterns, anti-patterns, refactoring, language-specific

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

Expert en design system markdown specs (73+ design systems as markdown, tokens, components)

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

Expert en design patterns (GoF, SOLID, enterprise patterns, refactoring, anti-patterns)

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

Design System Builder IA — Expert en construction de design systems (Storybook, tokens, component API, theming, Figma sync)

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

Expert en conception de compilateurs (lexing, parsing, AST, code generation, LLVM, interpreters)

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

Compiler designer v2 — lexing, parsing, AST, code generation, optimization, LLVM, DSLs

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

Chatbot Designer IA — Expert en conception de chatbots (Rasa, Botpress, Dialogflow, conversation design, NLU).

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

API Designer IA — Expert en conception d'APIs (REST, GraphQL, gRPC, OpenAPI, versioning, rate limiting). Crée des APIs intuitives, évolutives et sécurisées.

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

Fix MSBuild targets that generate files during the build but those files are missing from compilation or output. Only activate in MSBuild/.NET build context. USE FOR: generated source files not compiling (CS0246 for a type that should exist), custom build tasks that create files but they are invisible to subsequent targets, globs not capturing build-generated files because they expand at evaluation time before execution creates them, ensuring generated files are cleaned by the Clean target. Covers correct BeforeTargets timing (CoreCompile, BeforeBuild, AssignTargetPaths), adding to Compile/FileWrites item groups, using $(IntermediateOutputPath) instead of hardcoded obj/ paths. DO NOT USE FOR: C# source generators that already work via the Roslyn pipeline, T4 design-time generation that runs in Visual Studio, non-MSBuild build systems. INVOKES: no tools — pure knowledge skill.

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

Trigger.dev expert for background jobs, AI workflows, and reliable async execution with excellent developer experience and TypeScript-first design.

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

Design de produto nivel Apple — sistemas visuais, UX flows, acessibilidade, linguagem visual proprietaria, design tokens, prototipagem e handoff. Cobre Figma, design systems, tipografia, cor, espacamento, motion design e principios de design cognitivo.

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

Build tools that agents can use effectively, including architectural reduction patterns. Use when creating new tools for agent systems, debugging tool-related failures or misuse, or optimizing existing tool sets for better agent performance.

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

Expert in designing and building autonomous AI agents. Masters tool use, memory systems, planning strategies, and multi-agent orchestration.

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

Design and implement event stores for event-sourced systems. Use when building event sourcing infrastructure, choosing event store technologies, or implementing event persistence patterns.

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