SkillHey.
スキルを投稿

スキルを探す

ウェブサイト、画像、プレゼンテーション、動画のためのオリジナルワークフロー。

61 スキル検索語 “html”
フィルターをクリア
An illustrated furniture assembly guide in the author's IKEA manual infographic style.
無料
ドキュメント

Markdown to HTML

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

2.7万スター2997フォーク
リポジトリの最終プッシュ
Jim Liu (宝玉)
UI UX Pro Max website introduction — user-supplied screenshot; website figures may differ from the current repository.
無料
プレゼンテーション

HTML Slides

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

14.8万スター1.6万フォーク
リポジトリの最終プッシュ
Next Level Builder
Open SWE dashboard and context-window status.
無料
ウェブ・UI

Open SWE HTML Artifacts

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

1.1万スター1319フォーク
リポジトリの最終プッシュ
langchain-ai
dontbesilent’s official dbskill Claude Code plugin-installation demo, resized and compressed while preserving the complete loop.
無料
ウェブ・UI

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.

1.1万スター1327フォーク
リポジトリの最終プッシュ
dontbesilent
無料
プレゼンテーション

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.

3.2万スター2466フォーク
リポジトリの最終プッシュ
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スター55フォーク
リポジトリの最終プッシュ
Official Matt Pocock Skills banner with the text AI Skills for Real Engineers and a portrait of Matt Pocock.
無料
開発・API

improve-codebase-architecture

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

32.2万スター2.7万フォーク
リポジトリの最終プッシュ
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
1556スター121フォーク
リポジトリの最終プッシュ
無料
ウェブ・UI

Anatomy

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

2.7万スター2255フォーク
リポジトリの最終プッシュ
wheresryan22
The author's Flat Icon animation of a Mem0 memory architecture, showing memory extraction, storage, and retrieval.
無料
画像

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.

1.2万スター936フォーク
リポジトリの最終プッシュ
yizhiyanhua-ai

Dashboard Creator

mhattingpete

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

  • dashboards
  • data-visualization
694スター98フォーク
リポジトリの最終プッシュ
The author’s Huashu Motion launch-film opening: a wall of video compositions and animated Chinese titles.
無料
動画・モーション

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.

2659スター265フォーク
リポジトリの最終プッシュ
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スター55フォーク
リポジトリの最終プッシュ
Archify workflow dependency graph
無料
ウェブ・UI1 件のスキル

Archify

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

9.6万スター6549フォーク
リポジトリの最終プッシュ
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スター1フォーク
リポジトリの最終プッシュ
Learn from Materials — First-run learning guide explaining themes, modules, sources, self-check and local notes
無料
ドキュメント

Learn from Materials

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

1392スター130フォーク
リポジトリの最終プッシュ
dmoshehun-prog
Magazine presentation showcase supplied in the official repository, with image and text slide layouts.
無料
プレゼンテーション

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.

3万スター2038フォーク
リポジトリの最終プッシュ
Guizang (歸藏 / op7418)

Storage Analyzer

KKKKhazix

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

  • storage-analysis
  • macos
  • windows
2.2万スター2328フォーク
リポジトリの最終プッシュ
Vibe Resume Skill cover with a sample resume and Chinese text describing resume creation, updates and layout.
無料
ドキュメント

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スター5フォーク
リポジトリの最終プッシュ
KevinYoung-Kw (水的离子积)
Archify workflow dependency graph
無料
ウェブ・UI

Archify: Diagram Creation

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

9.6万スター6549フォーク
リポジトリの最終プッシュ
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
8963スター1069フォーク
リポジトリの最終プッシュ
yang0's comic storyboard gallery showing grid, four-panel, large-panel and diagonal storytelling layouts.
無料
動画・モーション

Browser Video Producer

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

7519スター885フォーク
リポジトリの最終プッシュ
yang0

Timeline Creator

mhattingpete

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

  • timeline
  • project-management
694スター98フォーク
リポジトリの最終プッシュ
Biennale Yellow design template shown in the HyperFrames README.
無料
動画・モーション

HyperFrames

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

8.4万スター7808フォーク
リポジトリの最終プッシュ
HeyGen