Adding interactions to Alexa Presentation Language (APL)

This skill is the one used in our Alexa Tech Talk video: "Build Interactive Visuals with Alexa Presentation Language (APL)".

Getting up and running

To run this skill you'll need a developer account at developer.amazon.com.

• Go to the Alexa Skills Kit developer console: https://developer.amazon.com/alexa/console/ask
• Choose "Create Skill"
• On the following page, enter a skill name like "action demo" and choose "Create Skill" again to accept the defaults.
• On the following page, choose Import skill and enter the URL of this repository.
• Choose"import" and the skill will be created.

All the resources are included, so you can go to the Test tab when the new skill has completed being created. On that tab, change Skill testing is enabled in to Development and start testing the skill.

To make edits, go to the Code tab and make your changes. Then choose Deploy to save and push them to the development branch of your code for the Test tab to use.

Additional Resources

Community

• Amazon Developer Forums : Get help, help others.
• Alexa Community Slack: Join the discussion in the #apl channel.

Documentation

• Official Alexa Skills Kit Docs

• Get started with the Alexa Presentation Language (APL)

• Alexa Design System for APL

• APL Responsive Components and Templates: Learn more about available templates like the Detail template used in this sample and responsive components you can use to build custom screens.

• The Detail template: This skill uses the "generic variant" of the Detail template. Click the "AlexaDetail: generic variant" button above the demo image in the documentation to find code you can cut and paste into your document.