Figma
Design and development workflows
Skills for Figma design generation, diagrams, code connections, specifications, and implementation workflows.
Featured skills
figma-code-workflows
Import or upload local HTML or project files into Figma, choose editable Design frames, runnable Code Layers or...
figma-generative-plugins
**MANDATORY prerequisite** — load this skill before calling `create_generative_plugin` or `update_generative_plugin`.
figma-shaders
**MANDATORY prerequisite** — load this skill before calling `create_shader` or `update_shader`.
figma-spec
This skill is required to create, read, edit, review, or comment on Figma specs.
figma-code-connect
Creates and maintains Figma Code Connect template files that map Figma components to code snippets.
figma-create-new-file
Always use this skill when the user wants to create a new Figma Design, FigJam, or Slides file.
figma-design-to-code
**MANDATORY prerequisite** — you MUST invoke this skill BEFORE calling the `get_design_context` Figma MCP tool.
figma-generate-design
Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section...
figma-generate-diagram
MANDATORY prerequisite — load this skill BEFORE every `generate_diagram` tool call.
figma-generate-library
Used to build or update a professional-grade design system in Figma from a codebase.
figma-use
**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call.
figma-use-figjam
This skill helps agents use Figma's use_figma MCP tool in the FigJam context.
Firebase
Modern app development
Firebase skills for auth, hosting, Firestore, AI, and application tooling.
Firecrawl
Web data extraction
Skills for crawling, structured extraction, research, and web-scale context collection.
Firetiger
Production observability and investigation
Skills for Firetiger instrumentation, queries, investigations, agents, and deployment monitoring.