How does the slide generation feature work?

The skill uses defined workflows to translate technical content into structured HTML or PPT-style slide formats, making it easy to create presentations from code.

What does the ecc-frontend-slides skill do?

It enhances Claude Code's ability to handle frontend engineering tasks, including UI building, state management, and generating digital presentations like HTML or PPT slides.

What is OpenClaw-native compatibility?

It means the skill is optimized for the OpenClaw environment, using documented fallback scripts and tool-backed execution rather than abstract commands.

Is this skill suitable for performance tuning?

Absolutely. It includes dedicated workflows for frontend performance, using incremental steps and verification to ensure UI responsiveness.

Does this skill support accessibility (a11y) standards?

Yes, it includes specific workflows for accessibility to ensure that the frontend interfaces created are compliant and user-friendly.

Frontend UI & Slide Architect

Name: Frontend UI & Slide Architect
Author: oabdelmaksoud

byoabdelmaksoud

0•

디자인 도구

Streamlines frontend development and automated presentation generation through optimized UI, performance, and accessibility workflows.

The ecc-frontend-slides skill is a specialized domain module for Claude Code designed to handle complex frontend engineering tasks and automated slide creation. It provides a structured framework for managing UI state, optimizing performance, and ensuring web accessibility while offering a unique capability to generate HTML or PPT-style presentations directly from workflows. By translating upstream intents into concrete, tool-backed steps, this skill ensures that frontend changes are evidence-based, reproducible, and verified through incremental execution.

주요 기능

01Deterministic execution via OpenClaw-native tool steps

02Evidence-based outcome reporting for all frontend modifications

030 GitHub stars

04Automated HTML and PPT-style slide generation workflows

05Comprehensive frontend UI, state, and performance management

06Integrated accessibility (a11y) verification and reporting

사용 사례

01Automating the creation of technical slide decks from code documentation and architecture

02Developing high-performance, accessible web interfaces with complex state requirements

03Executing incremental UI refinements and verifying visual outcomes with tool-backed evidence

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add oabdelmaksoud/superclaw ecc-frontend-slides

For use in Claude.ai and ChatGPT

주요 기능

01Deterministic execution via OpenClaw-native tool steps

02Evidence-based outcome reporting for all frontend modifications

030 GitHub stars

04Automated HTML and PPT-style slide generation workflows

05Comprehensive frontend UI, state, and performance management

06Integrated accessibility (a11y) verification and reporting

사용 사례

01Automating the creation of technical slide decks from code documentation and architecture

02Developing high-performance, accessible web interfaces with complex state requirements

03Executing incremental UI refinements and verifying visual outcomes with tool-backed evidence

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add oabdelmaksoud/superclaw ecc-frontend-slides

For use in Claude.ai and ChatGPT