Creating an Edge App

When Creating an Edge App

• Scaffold the new Edge App using the bun create template from inside the edge-apps/ directory:

  bun create edge-app-template --no-git <app-name>
  

  • The app name should follow the kebab-case naming convention.
• After scaffolding, add an id field to screenly.yml and screenly_qc.yml before running bun run dev.
• Consult Figma designs before starting implementation.
  • Ensure the Figma MCP server is set up in Claude Code.
  • Use the Figma MCP server to access design specifications, mockups, and UI requirements.
  • Extract design tokens such as colors, spacing, typography, and component specifications from Figma.
  • Ensure the implementation matches the approved designs in Figma before proceeding with development.

Reference Apps

For reference on more complex implementations, consult: