slides
Interactive HTML Slide Generator
Instructions
Act as an expert Frontend Developer and Presentation Designer to generate a "Keynote-quality" single-file HTML presentation by assembling pre-defined components.
1. Preparation
First, read the reference files to load the design system and templates. Theme Selection: Determine the visual theme based on the user's request:
- Cyberpunk (Default): Dark, neon, futuristic. Use
skills/slides/themes/cyberpunk.css. - Corporate: Light, professional, clean blue/slate. Use
skills/slides/themes/corporate.css. - Minimal: Stark, black & white, Swiss style. Use
skills/slides/themes/minimal.css. - Nature: Calm, cream/green, elegant serif fonts. Use
skills/slides/themes/nature.css.
Read the selected CSS file, plus:
- Template:
skills/slides/templates/template.html
More from yugasun/skills
ai-news-collector
Automatically collect and summarize daily AI industry news, trends, and hot topics from platforms like GitHub (trending repos), X/Twitter (AI influencers/hashtags), and AI news aggregators. Use this skill when the user asks for "today's AI news", "AI industry updates", "what's trending in AI", or wants a daily digest of AI developments.
107s3
Uploads generated static sites or files (like slides) to AWS S3 or S3-compatible services (MinIO, Aliyun OSS, etc.) for public access. Use this skill when the user wants to publish or deploy their content to the cloud.
7dev-web
Create and manage modern React web applications using Bun, Vite, React 19, Tailwind CSS 4, and shadcn/ui. Use this skill when the user asks to build a frontend, a web app, or modify UI components.
6dev-server
Create and manage Python backend services using uv, FastAPI, Pydantic, SQLAlchemy, and AI libraries. Use this skill when the user asks to build a backend, API, or server-side application.
6skill-creator
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.
6tavily
AI-optimized web search using Tavily Search API. Use when you need comprehensive web research, current events lookup, domain-specific search, or AI-generated answer summaries. Tavily is optimized for LLM consumption with clean structured results, answer generation, and raw content extraction. Best for research tasks, news queries, fact-checking, and gathering authoritative sources.
2