domains / families / design / frontend-slides

frontend-slides

combined

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use for solution decks, presales/sales pitches, client proposals, pitch decks, teaching tutorials, conference talks, and internal presentations. Ideal for sales and presales teams. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices. Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files.

When to use

• Use when the user asks to create a presentation, slide deck, or pitch from scratch.
• Use when the user wants to convert an existing PPT or PPTX file into a web-based presentation.
• Use when designing visually rich, animated HTML content that needs to fit exactly within the viewport.

When not to use

• Use this skill only when the task clearly matches the scope described above.
• Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
• Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.

Skill page

Conflict

Both copies describe the same task (zero-dependency, animation-rich HTML presentations) but enforce different, non-interchangeable design systems. The first copy is a strict viewport-fitting and content-density procedure (100vh, clamp(), density limits, PPT conversion phases). The second copy is a design-philosophy and aesthetic procedure (style positions, 8-point grid, specific font stacks, 2026 trends, hardcoded interaction states). Neither is a simple reproduction of the other; combining them is necessary to capture both the structural invariants and the aesthetic constraints.