跳到正文
cccskills

“html”的搜索结果

2435 个 · 按相关度排序

Review whether pages remain understandable and usable without CSS. Check reading order, headings, form labels, instructions, and errors, then suggest HTML changes that preserve meaning when styles fail or users apply their own.

中文简介正在准备中。当前显示英语简介。

  • Check page usability with CSS disabled
  • Review reading order and heading structure
  • Inspect form labels, instructions, and errors
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review collapsible accordion sections for keyboard and screen reader access. Check button triggers, expanded-state attributes, panel links, and heading structure, then guide fixes using the HTML actually delivered to the browser.

中文简介正在准备中。当前显示英语简介。

  • Checking keyboard access to collapsible sections
  • Making accordion states clear to screen readers
  • Reviewing shared accordion components
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Convert an HTML slide deck into a PowerPoint file with editable text, shapes, and images. The skill handles font substitutions, imports speaker notes, and checks export warnings to help identify missing images or incorrectly captured slides.

中文简介正在准备中。当前显示英语简介。

  • Convert HTML slides into an editable PowerPoint deck
  • Replace custom fonts before exporting
  • Include speaker notes in a PowerPoint file
asgeirtj/system_prompts_leaks7万2026年10月16日 更新

Create a landing page from an interview about the product, audience, and brand preferences. Use Stitch to generate and refine designs, then package approved HTML with design documentation and a deployment checklist.

中文简介正在准备中。当前显示英语简介。

  • Create a product landing page without a visual direction
  • Turn brand preferences into colors and typography
  • Compare page designs and refine them through feedback
wshobson/agents4.1万2026年10月19日 更新

Review websites for security, browser compatibility, and code quality. Identify issues in HTTPS settings, third-party libraries, HTML, and error handling, then apply concrete improvements using checklists and implementation examples.

中文简介正在准备中。当前显示英语简介。

  • Reviewing website security settings
  • Checking third-party libraries for vulnerabilities
  • Replacing deprecated browser APIs
davila7/claude-code-templates3.3万2026年10月18日 更新

Turn pull request changes, commits, and test evidence into a self-contained HTML guide. Explain the problem, system context, before-and-after behavior, and key code changes so reviewers know where to focus.

中文简介正在准备中。当前显示英语简介。

  • Explain a complex pull request before review
  • Show before-and-after behavior with diagrams
  • Collect test evidence and review focus points
mastra-ai/mastra2.9万2026年10月19日 更新

md-slides

免费

Turn a Markdown slide deck into a single HTML file for browser presentations. Navigate with the keyboard, view speaker notes and the next slide in presenter mode, and print the deck as a PDF with one slide per page.

中文简介正在准备中。当前显示英语简介。

  • Converting Markdown notes into browser slides
  • Presenting with speaker notes and a next-slide preview
  • Exporting a deck as a PDF with one slide per page
alirezarezvani/claude-skills2.8万2026年8月30日 更新

Create interactive prototypes, slide decks, animations, and visual explanations in HTML. New designs normally begin with three visible drafts to compare, then develop the chosen direction using supplied content, real assets, and brand references.

中文简介正在准备中。当前显示英语简介。

  • Comparing three visual directions before choosing a design
  • Creating an interactive App or iOS prototype
  • Preparing an HTML slide deck and PDF
alchaincyf/huashu-design2.5万2026年10月17日 更新

Build presentation slides in HTML, preview them in a browser, and export PDF or PPTX files. Also create fully editable PowerPoint decks or modify existing templates, with checks for content, layout, and rendering issues.

中文简介正在准备中。当前显示英语简介。

  • Creating presentation slides and previewing them in a browser
  • Exporting slides as PDF or PPTX files
  • Creating fully editable PowerPoint decks
kortix-ai/suna2万2026年10月19日 更新

Create HTML or plain-text emails from JSON specifications with React Email. This skill guides reusable email components, conditional content, server-side rendering, and browser previews for transactional messages such as signup notifications and marketing emails.

中文简介正在准备中。当前显示英语简介。

  • Create signup notifications and other transactional emails
  • Build marketing emails from JSON specifications
  • Vary email content using state and conditions
vercel-labs/json-render1.9万2026年10月14日 更新

Review Markdown files, HTML files, URLs, or folders in Plannotator’s annotation interface. The agent responds to requested changes and distinguishes them from approvals, optional approval notes, and sessions closed without feedback.

中文简介正在准备中。当前显示英语简介。

  • Reviewing a Markdown document
  • Collecting comments on HTML or web pages
  • Opening a folder for annotation
backnotprop/plannotator95222026年10月19日 更新

Create a single-column HTML email for a product launch, with a centered brand wordmark, hero image block, headline, copy, action button, specifications, and footer. Table-based layout and inline colors support compatibility with email clients.

中文简介正在准备中。当前显示英语简介。

  • Creating an email to announce a new product
  • Combining product specifications and an action button
  • Building a branded HTML newsletter
nexu-io/html-anything91802026年10月13日 更新

Turn an outline or Markdown document into presentation slides with oversized bold text and solid color backgrounds. Preserve the original wording and order, choose a black, red, or yellow theme, and receive a self-contained HTML file.

中文简介正在准备中。当前显示英语简介。

  • Turn a speech outline into slides without rewriting it
  • Present a manifesto with oversized text and solid colors
  • Create an HTML presentation with a consistent color theme
nexu-io/html-anything91802026年10月13日 更新

Turn trending topics into illustrated posts for 微信公众号, 小红书, and 哔哩哔哩. The skill scores topic ideas, adapts writing to each platform, prepares HTML layouts, and supports previewing content before sending it through publishing scripts.

中文简介正在准备中。当前显示英语简介。

  • Select promising topics from keyword-based suggestions
  • Prepare illustrated articles for 微信公众号
  • Adapt a topic for multiple publishing platforms
anbeime/skill83432026年10月18日 更新

archify

免费

Turn plain-language descriptions or Mermaid diagrams into interactive, standalone HTML diagrams of systems, workflows, API exchanges, data flows, and state changes. Validate layouts, explore relationships, switch themes, and export diagrams as images or video.

中文简介正在准备中。当前显示英语简介。

  • Explain system components and their relationships
  • Visualize workflows and approval steps
  • Map API calls and data pipelines
anbeime/skill83432026年10月18日 更新

Recover document generation tasks by separating Markdown content creation, format conversion, and output checks. Uses pandoc to produce Word, PDF, or HTML files, making it easier to identify which conversion step failed.

中文简介正在准备中。当前显示英语简介。

  • Recover document generation after an unclear shell_agent error
  • Create Word and PDF files from the same Markdown source
  • Convert Markdown into HTML with a custom template
HKUDS/OpenSpace77602026年8月13日 更新

Generate Word, PDF, and HTML documents from Markdown while diagnosing conversion failures. The workflow checks required tools, replaces problematic characters for PDF, tries alternative conversion engines, and verifies the resulting files.

中文简介正在准备中。当前显示英语简介。

  • Diagnosing PDF encoding errors
  • Exporting a report to Word, PDF, and HTML
  • Investigating unclear document conversion failures
HKUDS/OpenSpace77602026年8月13日 更新

Generate DOCX, PDF, and HTML documents from Markdown, with alternative PDF tools to try when conversion fails. The workflow includes character replacement, separate conversion steps, and checks for missing, empty, or invalid output files.

中文简介正在准备中。当前显示英语简介。

  • Exporting Markdown to DOCX, PDF, and HTML
  • Recovering from PDF conversion failures
  • Handling special characters during PDF generation
HKUDS/OpenSpace77602026年8月13日 更新

Create dark-themed diagrams of systems, cloud infrastructure, security, or networks in a single HTML file. Color-coded components and connection arrows explain the structure, with built-in controls for copying images and exporting PNG or PDF files.

中文简介正在准备中。当前显示英语简介。

  • Explaining system components and their connections
  • Documenting cloud regions and service layouts
  • Illustrating security boundaries and authentication flows
Cocoon-AI/architecture-diagram-generator74662026年5月14日 更新

Review web code for security, browser compatibility, and code quality. Covers HTTPS, dependency vulnerabilities, security headers, outdated APIs, HTML structure, error handling, and cleanup of event listeners, with examples and audit checklists to guide improvements.

中文简介正在准备中。当前显示英语简介。

  • Review HTTPS, security headers, and cookies
  • Check dependencies and handling of user input
  • Replace outdated APIs and improve browser compatibility
tech-leads-club/agent-skills70742026年10月17日 更新

globe-gl

免费

Build interactive 3D globe visualizations with globe.gl, displaying locations, connections, regions, and labels. The skill guides setup in HTML or React, explains data fields for each layer, and addresses sizing and mobile performance.

中文简介正在准备中。当前显示英语简介。

  • Plot locations on a 3D globe
  • Show connections between locations
  • Overlay regional data and labels
MengTo/Skills68462026年10月18日 更新

微信公众号 HTML 生成。把 Markdown 转成可粘贴到微信公众号后台的 HTML,内置 15 种经典媒体/科技产品/中文公众号风格。 触发方式:/dbs-wechat-html、/公众号HTML、「生成公众号 HTML」「做微信公众号版本」「微信排版」 WeChat Official Account HTML generator. Converts Markdown into WeChat-ready HTML with 15 built-in publishing styles.

中文简介正在准备中。当前显示原文说明。

skillmds/skillmd2492026年10月14日 更新

把任意主题做成讲解/科普视频并渲染成 MP4(HTML/CSS/GSAP 画面 + 确定性逐帧渲染 + 配音 + 词级硬字幕)。触发场景:要做科普/讲解/教学/知识/产品类视频、「讲一下 X 做成视频」、要挑某种视觉风格(极简/数据/赛博/电影感/品牌)出片、要出抖音封面/竖版封面/9:16 封面、要用 html-video 那种模板化画面但更稳的音画同步、anything2explainer 换 HTML 渲染,或提到 html-explainer / HTML 讲解视频 / explainer video / MG 视频。内置 23 个模板风格(8 类)与 40+ 动作词汇的动效库,主题驱动模板编排;支持 4K60、快门运动模糊、多进程提速、断点续渲;流程含六个用户确认点(渲染通道是硬闸门)。独立可移植,不依赖 html-video / anything2explainer。

中文简介正在准备中。当前显示原文说明。

OneMoh/html-explainer1792026年10月14日 更新

Composes single-file HTML artifacts (PR review writeups, status reports, incident postmortems, slide decks, design systems, prototypes, flowcharts, module maps, feature explainers, kanban boards, prompt tuners) from a small JSON spec instead of hand-written HTML/CSS/JS. Use when the user asks to "compare options side-by-side", requests an HTML version of a report or review or deck, asks for a flowchart, status update, postmortem, design system reference, interactive prototype, custom editor — or explicitly says "HTML artifact", "single HTML file", "self-contained HTML". Skip for ad-hoc HTML snippets (forms, emails, embedded widgets) where there's no template fit.

中文简介正在准备中。当前显示原文说明。

oaustegard/claude-skills1542026年10月16日 更新