Agentic Coding (Beta)

The Agentic Coding Environment allows AI agents to perform coding tasks autonomously.

This guide covers the installation and setup of the Agentic Coding Environment for Fegg or WordPress projects, enabling you to implement pages directly from Figma designs.

Requirements

• Visual Studio Code
  • Installation and Setup Guide
  • Version 1.108.0 or higher is required to support "Agent Skills" feature (chat.useAgentSkills).
• VS Code Settings
  • The setting chat.useAgentSkills must be set to true.
  • Reference: Use Agent Skills in VS Code
• GitHub Copilot
  • GitHub Copilot in VS Code must be installed and configured.
  • Reference: GitHub Copilot in VS Code Setup Guide
• Figma MCP Server
  • The Figma MCP server must be installed in VS Code.
  • Reference: Figma MCP Server Setup Guide

Skills

• figma-to-page: Converts Figma designs into code.

Sample Prompts

You can use the following sample prompt to generate pages from Figma designs.

Generate the top page (/) of the following Figma design by using the `figma-to-page` skill.

## PC

[URL]

## SP

[URL]