Menu
Technical standards and best practices for creating and managing Slice and Custom Type preview images in Prismic Slice Machine.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
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.
Audits node_modules for package licenses. Uses bash to resolve SPDX IDs without reading file contents into context. LLM inference is a last resort for a small residual set.
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.
Generates a step-by-step tutorial aligned with the Digital Speed brand voice. Use when asked to write a tutorial, how-to guide, setup guide, or walkthrough.
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.
The official Digital Speed brand persona, voice, and values. Use when asked to write any content, copy, or communication on behalf of Digital Speed.
| name | prismic-asset-standards |
| description | Technical standards and best practices for creating and managing Slice and Custom Type preview images in Prismic Slice Machine. |
| author | DigitalSpeed |
This skill governs the creation and optimization of preview images for Prismic Slices and Custom Types. Use these guidelines to ensure the Page Builder remains performant and visually cohesive for content editors.
To ensure components look crisp in the Prismic UI without causing interface lag:
.png or .jpeg.To maintain a professional "Design System" feel rather than a collection of random screenshots:
When asked to generate advice for Prismic setup: