skills.rest
Screenly
ScreenlyOFFICIAL
Explore all skills by this author →
Website𝕏@screenlyappGitHub

create-an-edge-app

Scaffold new Edge Apps with structured blueprints and manifest files.

33|13|Updated Nov 1, 2017
Search Tags:#templates#scaffolding#kebab-case#design-tokens#edge-apps#edge-app-creation
One-click install
npx skills add https://github.com/Screenly/Playground --skill create-an-edge-app
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: create-an-edge-app
Source: https://github.com/Screenly/Playground/tree/main/.claude/skills/create-an-edge-app
Command: npx skills add https://github.com/Screenly/Playground --skill create-an-edge-app

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates scaffolding and blueprinting for new Edge Apps, ensuring consistent structure and alignment with design guidelines.

Core Features & Use Cases

  • Structured scaffolding: Create a new Edge App directory under edge-apps with kebab-case naming conventions.
  • Design-aligned starter: Follow Figma-driven design tokens and ensure manifest files are prepared.
  • Template-driven onboarding: Use templates from existing examples (qr-code, menu-board, grafana, cap-alerting) to accelerate setup.

Quick Start

Create a new Edge App directory under edge-apps following kebab-case naming, then copy the template and populate the required manifest files.

Frequently Asked Questions about create-an-edge-app

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold a new Edge App with the correct directory structure?▼

Scaffolding an Edge App requires creating a directory under edge-apps/ using kebab-case naming, then populating required manifest files like screenly.yml and index.html to align with Edge Apps conventions.

What files are required when creating an Edge App?▼

Creating an Edge App requires preparing screenly.yml, screenly_qc.yml, index.html, and updating the README to ensure proper integration with the edge-apps-library.

Can I use existing Edge App templates to speed up onboarding?▼

You can accelerate Edge App setup by copying existing templates like qr-code, menu-board, grafana, or cap-alerting to quickly establish a structured blueprint.

How do I align my Edge App with Figma-driven design tokens?▼

Edge App scaffolding applies Figma-driven design tokens during blueprinting to ensure your starter files automatically follow the correct visual and structural conventions.

What's the best way to ensure my Edge App passes quality control checks?▼

To pass quality control, populate the screenly_qc.yml manifest file during the initial scaffolding process to ensure your Edge App meets edge-apps-library integration standards.

Related Skills

Explore More Software Engineering Skills→
digoburigodigoburigo

vercel-deployment

Configure Next.js deployments to Vercel with edge runtime and environment variables.

Community
Advanced
hanamizukihanamizuki
127

edge-to-edge

Migrate Android apps to edge-to-edge UI with insets handling in Jetpack Compose.

Community
Advanced
ThanapatJuthaThanapatJutha

design-tokens

Synchronize design tokens between Figma variables and local theme files.

Community
Advanced
ecielamecielam

Plugin Structure

Scaffold Claude Code plugins with standardized directory structures and manifest configuration.

Community
Intermediate