Presentation Styling
Skill Verifiziert AktivWissen über CSS-Klassen, Komponentenmuster und Syntaxhervorhebung in der Präsentation
Um klares, strukturiertes Wissen über CSS-Klassen und Präsentationsmuster anzubieten, das es Benutzern ermöglicht, gut gestaltete und konsistente Benutzeroberflächen oder Dokumente zu erstellen.
Funktionen
- Wissen über Layout-CSS-Klassen
- Details zur Gestaltung von Inhaltsblöcken
- Definitionen für Listen- und Tag-CSS-Klassen
- Syntaxhervorhebung für Codeblöcke
- Beispiele für Muster von Folientypen
Anwendungsfälle
- Verständnis und Anwendung spezifischer CSS-Klassen für die Präsentation.
- Implementierung konsistenter Stile für verschiedene Inhaltselemente.
- Erlernen der korrekten Syntax für die Codehervorhebung in Präsentationen.
- Referenzierung der HTML-Struktur für gängige Präsentationskomponenten.
Nicht-Ziele
- Automatisches Generieren von CSS- oder HTML-Code.
- Bereitstellung eines CSS-Linters oder Validators.
- Gestaltung von Inhalten, die nicht zur Präsentation gehören.
Installation
npx skills add shanraisshan/claude-code-best-practiceFührt das Vercel skills CLI (skills.sh) via npx aus — benötigt Node.js lokal und mindestens einen installierten skills-kompatiblen Agent (Claude Code, Cursor, Codex, …). Setzt voraus, dass das Repo dem agentskills.io-Format folgt.
Qualitätspunktzahl
VerifiziertVertrauenssignale
Ähnliche Erweiterungen
Presentation Structure
100Wissen über das Präsentationsfolienformat, das Gewichtungssystem, die Navigation und die Abschnittsstruktur
Setup Tailwind Typescript
100Configure Tailwind CSS with TypeScript in a Next.js or React project. Covers installation, configuration, custom theme extensions, component patterns, and type-safe styling utilities. Use when adding Tailwind CSS to an existing TypeScript project, customizing the Tailwind theme for a project's design system, setting up type-safe component styling patterns, or configuring Tailwind plugins and extensions.
Teach Guidance
100Guide a person in becoming a better teacher and explainer. AI coaches content structuring, audience calibration, explanation clarity, Socratic questioning technique, feedback interpretation, and reflective practice for technical presentations, documentation, and mentoring. Use when a person needs to present technical content and wants preparation coaching, wants to write better documentation or tutorials, struggles to explain concepts across expertise levels, is mentoring a colleague, or is preparing for a talk or knowledge-sharing session.
Epic Design
99Build immersive, cinematic 2.5D interactive websites using scroll storytelling, parallax depth, text animations, and premium scroll effects — no WebGL required. Use this skill for any web design task: landing pages, product sites, hero sections, scroll animations, parallax, sticky sections, section overlaps, floating products between sections, clip-path reveals, text that flies in from sides, words that light up on scroll, curtain drops, iris opens, card stacks, bleed typography, and any site that should feel cinematic or premium. Trigger on phrases like "make it feel alive", "Apple-style animation", "sections that overlap", "product rises between sections", "immersive", "scrollytelling", or any scroll-driven visual effect. Covers 45+ techniques across 8 categories. Always inspects, judges, and plans assets before coding. Use aggressively for ANY web design task.
Baoyu Markdown To Html
98Converts Markdown to styled HTML with WeChat-compatible themes. Supports code highlighting, math, PlantUML, footnotes, alerts, infographics, and optional bottom citations for external links. Use when user asks for "markdown to html", "convert md to html", "md 转 html", "微信外链转底部引用", or needs styled HTML output from markdown.
Web Coder
98Expert 10x engineer with comprehensive knowledge of web development, internet protocols, and web standards. Use when working with HTML, CSS, JavaScript, web APIs, HTTP/HTTPS, web security, performance optimization, accessibility, or any web/internet concepts. Specializes in translating web terminology accurately and implementing modern web standards across frontend and backend development.