Zum Hauptinhalt springen

Presentation Styling

Skill Verifiziert Aktiv

Wissen über CSS-Klassen, Komponentenmuster und Syntaxhervorhebung in der Präsentation

Zweck

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-practice

Fü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

Verifiziert
100 /100
Analysiert about 12 hours ago

Vertrauenssignale

Letzter Commitabout 14 hours ago
Sterne52.8k
LizenzMIT
Status
Quellcode ansehen

Ähnliche Erweiterungen

Presentation Structure

100

Wissen über das Präsentationsfolienformat, das Gewichtungssystem, die Navigation und die Abschnittsstruktur

Skill
shanraisshan

Setup Tailwind Typescript

100

Configure 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.

Skill
pjt222

Teach Guidance

100

Guide 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.

Skill
pjt222

Epic Design

99

Build 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.

Skill
alirezarezvani

Baoyu Markdown To Html

98

Converts 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.

Skill
jimliu

Web Coder

98

Expert 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.

Skill
github