tutorial-generator
Tutorial Generator Skill
Instructions
- Reference Brand: First, read and adopt the persona defined in
brand-persona. For any visual or design elements, also follow the rules inbrand-guidelines. Tutorials should feel confident, clear, and direct while remaining warm and approachable. - Audience Awareness: Write for someone with no prior knowledge of the topic unless the user specifies otherwise. Respect the reader's intelligence while never assuming expertise.
- Tone: Conversational and encouraging. Use "you" and "we" to speak directly to the reader. Celebrate progress. Avoid jargon unless it's explained on first use.
- Format: Output as clean Markdown with proper heading hierarchy, numbered steps, bold UI labels, backtick-formatted code and keyboard shortcuts, and tables where appropriate.
Tutorial Structure
Every tutorial must follow this structure in order:
1. Title (H1)
A clear, descriptive title that tells the reader exactly what they will accomplish.
2. Introduction
More from digitalspeed/ai-skills
brand-persona
The official Digital Speed brand persona, voice, and values. Use when asked to write any content, copy, or communication on behalf of Digital Speed.
39brand-guidelines
The DigitalSpeed visual identity and styling system — logo, color, typography, photography, and graphic system. Use when generating any design asset, UI, layout, or code that must conform to the DigitalSpeed brand styling.
27figma-to-jira
Orchestrates Jira ticket creation from Figma designs using Atomic Design principles. Use this when initializing a project or syncing design specs to Jira for development.
23article-generator
Generates high-quality B2B technical articles following the "Digital Speed" methodology; DX-focused, Spec-Driven, and practitioner-led. Use when asked to create an article.
23case-study-generator
Generates a case study aligned with Digital Speed brand voice. Use when asked to write a case study, success story, or client spotlight.
19prismic-asset-standards
Technical standards and best practices for creating and managing Slice and Custom Type preview images in Prismic Slice Machine.
13