SkillHey.
Proposer un skill

Explorer les skills

Des workflows originaux pour sites web, images, présentations et animations.

61 skillspour “html”
Effacer les filtres
An illustrated furniture assembly guide in the author's IKEA manual infographic style.
Gratuit
Documents

Markdown to HTML

Convert Markdown into styled, WeChat-compatible HTML with support for code, math and diagrams.

27,5 kÉtoiles3 kForks
Dernier push du dépôt
Jim Liu (宝玉)
UI UX Pro Max website introduction — user-supplied screenshot; website figures may differ from the current repository.
Gratuit
Présentations

HTML Slides

Create strategic HTML presentation slides using layouts, design tokens and Chart.js visualizations.

148,4 kÉtoiles15,7 kForks
Dernier push du dépôt
Next Level Builder
Open SWE dashboard and context-window status.
Gratuit
Web et interfaces

Open SWE HTML Artifacts

Build themed HTML plan artifacts, dashboard iframes and Slack attachments for the Open SWE runtime.

11,2 kÉtoiles1,3 kForks
Dernier push du dépôt
langchain-ai
dontbesilent’s official dbskill Claude Code plugin-installation demo, resized and compressed while preserving the complete loop.
Gratuit
Web et interfaces

dbs-wechat-html · WeChat Article HTML

Convert Markdown into HTML that can be copied into the WeChat Official Account editor, with fifteen built-in visual styles.

11,4 kÉtoiles1,3 kForks
Dernier push du dépôt
dontbesilent
Gratuit
Présentations

Frontend Slides

Create animated HTML presentations with a coding agent. Compare visual style previews, build a single-file deck, or turn an existing PowerPoint into web slides.

32,3 kÉtoiles2,5 kForks
Dernier push du dépôt
Zara Zhang (zarazhangrui)

Web Platform Design Guidelines

ehmo

Web platform design and accessibility guidelines. Use when building web interfaces, auditing accessibility, implementing responsive layouts, or reviewing web UI code. Triggers on tasks involving HTML, CSS, web components, WCAG compliance, responsive design, or web performance.

  • web platform
  • accessibility
642Étoiles55Forks
Dernier push du dépôt
Official Matt Pocock Skills banner with the text AI Skills for Real Engineers and a portrait of Matt Pocock.
Gratuit
Développement et API

improve-codebase-architecture

Survey architectural friction and present candidates for deeper modules in an HTML report.

322,4 kÉtoiles27 kForks
Dernier push du dépôt
Matt Pocock

Design Motion Principles

Kyle Zantos

Build or audit interface motion using context-sensitive design guidance and an HTML or terminal report.

  • motion design
  • animation
1,6 kÉtoiles121Forks
Dernier push du dépôt
Gratuit
Web et interfaces

Anatomy

Turn technical concepts into interactive isometric machines: detailed SVG illustrations, WebGL effects and optional 3D motion, as HTML, SVG or React components.

26,8 kÉtoiles2,3 kForks
Dernier push du dépôt
wheresryan22
The author's Flat Icon animation of a Mem0 memory architecture, showing memory extraction, storage, and retrieval.
Gratuit
Images

Fireworks Tech Graph

Turn English or Chinese descriptions into technical SVG diagrams with Codex or Claude Code. Create architecture and workflow diagrams, export PNG or offline interactive HTML, and animate supported scenes as GIFs.

12 kÉtoiles936Forks
Dernier push du dépôt
yizhiyanhua-ai

Dashboard Creator

mhattingpete

Create an HTML dashboard with KPI cards, charts and progress indicators.

  • dashboards
  • data-visualization
694Étoiles98Forks
Dernier push du dépôt
The author’s Huashu Motion launch-film opening: a wall of video compositions and animated Chinese titles.
Gratuit
Vidéo et animation

Huashu Motion

Make launch videos, motion graphics and explainers as editable HTML. Review frames in a local studio, leave targeted comments, and export with music and effects.

2,7 kÉtoiles265Forks
Dernier push du dépôt
Huashu

Sleek Mobile App Design

Sleek

Design mobile app screens with Sleek and implement selected designs in React Native or HTML.

  • mobile design
  • react native
  • ui design
601Étoiles55Forks
Dernier push du dépôt
Archify workflow dependency graph
Gratuit
Web et interfaces1 skills

Archify

Create explorable HTML diagrams from requirements, Mermaid or repository evidence.

95,8 kÉtoiles6,5 kForks
Dernier push du dépôt
tt-a1i

Accessibility Expert

Brian (slb2248)

Use a WCAG 2.1-oriented checklist for semantic HTML, keyboard access, contrast and accessible form behavior.

  • accessibility
  • Web design
7Étoiles1Forks
Dernier push du dépôt
Learn from Materials — First-run learning guide explaining themes, modules, sources, self-check and local notes
Gratuit
Documents

Learn from Materials

Turn books, papers, slides, and notes into source-grounded learning materials, interactive HTML study pages, and Markdown references.

1,4 kÉtoiles130Forks
Dernier push du dépôt
dmoshehun-prog
Magazine presentation showcase supplied in the official repository, with image and text slide layouts.
Gratuit
Présentations

Guizang PPT Skill

Create single-file HTML presentations in editorial magazine or Swiss style, with horizontal navigation, speaker notes, rehearsal timers and a synchronized audience window.

29,7 kÉtoiles2 kForks
Dernier push du dépôt
Guizang (歸藏 / op7418)

Storage Analyzer

KKKKhazix

Analyze disk usage and generate an interactive HTML report with categorized cleanup suggestions.

  • storage-analysis
  • macos
  • windows
22,2 kÉtoiles2,3 kForks
Dernier push du dépôt
Vibe Resume Skill cover with a sample resume and Chinese text describing resume creation, updates and layout.
Gratuit
Documents

Vibe Resume Skill

Create and tailor one-page HTML and PDF resumes with 12 templates and a YAML-based workflow. Free for non-commercial use.

102Étoiles5Forks
Dernier push du dépôt
KevinYoung-Kw (水的离子积)
Archify workflow dependency graph
Gratuit
Web et interfaces

Archify: Diagram Creation

Create explorable HTML diagrams for architectures, workflows, state, schemas, timelines and everyday plans.

95,8 kÉtoiles6,5 kForks
Dernier push du dépôt
tt-a1i

Extract Design System from Frontend Code

Google Stitch

Extract a comprehensive design system (DESIGN.md) directly from frontend source code — React, Vue, Svelte, Angular, plain HTML/CSS, or any web framework. Analyzes component files, stylesheets, Tailwind configs, theme definitions, and design tokens to produce a rich, Stitch-compatible design system document. Use this skill whenever the user wants to reverse-engineer a design system from an existing codebase, audit the visual language of a project, extract design tokens from source files, or understand the styling patterns in a frontend repo — even if they just say "what does this app look like?" or "pull out the design from this code."

  • design systems
  • documentation
9 kÉtoiles1,1 kForks
Dernier push du dépôt
yang0's comic storyboard gallery showing grid, four-panel, large-panel and diagonal storytelling layouts.
Gratuit
Vidéo et animation

Browser Video Producer

Produce browser-route hand-drawn and picturebook videos from an approved plan and reviewed media.

7,5 kÉtoiles885Forks
Dernier push du dépôt
yang0

Timeline Creator

mhattingpete

Create an HTML project timeline with phases, milestones and Gantt-style bars.

  • timeline
  • project-management
694Étoiles98Forks
Dernier push du dépôt
Biennale Yellow design template shown in the HyperFrames README.
Gratuit
Vidéo et animation

HyperFrames

Create editable videos from timed HTML scenes using the HyperFrames CLI and preview workflow.

84,4 kÉtoiles7,8 kForks
Dernier push du dépôt
HeyGen