跳到正文
cccskills

“html”的搜索结果

2510 个 · 按相关度排序

frame-light-leak-cinema

免费有简介AI 评分 100分

结合暖色漏光、35mm 胶片颗粒与大号衬线字体,制作电影风格的开场画面或章节标题,并整合为单个 HTML 文件。

  • 制作纪录片开场画面
  • 制作个人短片标题画面
  • 制作电影风格章节标题
nexu-io/open-design10.3万2026年10月21日 更新

frame-flowchart-sticky

免费有简介AI 评分 100分

将业务流程或系统流程绘成白板风格图,用彩色便利贴和曲线箭头展示步骤、分支与合并,输出可用于入门引导或运营说明的单个HTML文件。

  • 图解开始使用的步骤
  • 说明运营流程
  • 介绍系统结构
nexu-io/open-design10.3万2026年10月21日 更新

field-notes-editorial-template

免费有简介AI 评分 90分

将关键指标、分析结果和留存率图表整理为杂志风格的单页HTML报告,结合纸张质感背景与柔和配色卡片,适合制作管理层会议材料及业务报告。

  • 制作杂志风格业务报告
  • 制作管理层会议单页材料
  • 集中展示关键指标与分析
nexu-io/open-design10.3万2026年10月21日 更新

deck-open-slide-canvas

免费有简介AI 评分 90分

在固定的1920×1080画布上,按内容自由编排幻灯片。统一配色、字号和留白,生成支持左右方向键翻页并显示页码的单个HTML文件。

  • 制作个人作品集
  • 准备艺术或设计课程资料
  • 制作以问题或图像为主的演讲资料
nexu-io/open-design10.3万2026年10月21日 更新

editorial-burgundy-principles-template

免费有简介AI 评分 90分

制作介绍企业文化、战略或行为准则的三页HTML演示文稿,以酒红、浅粉和低调金色搭配大字、圆角标签与八张准则卡片,整理并呈现组织理念。

  • 介绍企业文化
  • 分享八项行为准则
  • 用标签呈现工作室特点
nexu-io/open-design10.3万2026年10月21日 更新

deck-swiss-international

免费有简介AI 评分 100分

将产品介绍、分析结果和方法整理为HTML幻灯片,以16列网格和单一强调色统一呈现。可从22种固定版式中选择,用真实数据展示时间线、排名、比较和图解。

  • 展示产品路线图
  • 汇报关键指标和排名
  • 说明改进前后的差异
nexu-io/open-design10.3万2026年10月21日 更新

doc-kami-parchment

免费有简介AI 评分 100分

将原稿整理为羊皮纸色背景、墨蓝点缀和统一衬线字体的HTML文档,通过字号层级与留白编排报告、信函、简历等内容。

  • 将要点整理为单页资料
  • 制作带封面和目录的长篇报告
  • 统一信函与简历的版式
nexu-io/open-design10.3万2026年10月21日 更新

Check the HTML delivered to browsers for broken internal, external, anchor, and email links. Locate errors and unintended redirects, suggest URL updates or replacements, and help introduce automated checks and ongoing monitoring.

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

  • Checking links on documentation or e-commerce sites
  • Reviewing links produced by shared components
  • Adding automated link checks to CI/CD
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Check HTML for meta refresh redirects that can interrupt reading and confuse users. Suggest server-side redirects or clear links users choose themselves, with guidance for checking the resulting behavior using accessibility tools or assistive technology.

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

  • Finding automatic redirects in HTML
  • Replacing meta refresh with server-side redirects
  • Reviewing page transitions for screen reader users
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review keyboard focus, the element currently selected for interaction, to check that Tab navigation follows the page’s visual order. Identify HTML ordering issues and verify focus stays within dialogs and returns to their triggers.

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

  • Auditing a page’s Tab navigation order
  • Checking focus when dialogs open and close
  • Reviewing HTML order and tabindex values
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

dom-size

免费

Measure the size and nesting of a page's DOM, the tree of HTML elements. Identify unnecessary wrappers and oversized lists, then simplify the structure or render only visible list items to reduce confirmed rendering costs.

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

  • Investigating pages with slow rendering or interactions
  • Measuring HTML element counts and nesting depth
  • Removing unnecessary wrapper elements
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Audit browser caching to reduce repeated downloads when people revisit a site. Check cache headers for static files and HTML pages, then suggest suitable storage durations and validation settings based on measured loading problems.

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

  • Investigate slow loading on repeat visits
  • Review cache headers for static files
  • Set separate caching policies for HTML and hashed assets
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Check whether ARIA attributes, which describe interface elements to assistive technology, are supported by each element’s role. Review rendered HTML and interactive states, identify invalid combinations, and suggest removals or corrections to support accurate screen reader interpretation.

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

  • Checking ARIA attributes in shared components
  • Reviewing accessibility in a design system
  • Investigating incorrect screen reader output
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review tooltips so keyboard and screen reader users can access their explanations. Check the rendered HTML, accessible associations, hover and focus behavior, Escape dismissal, and contrast, then identify the elements and attributes that need fixes.

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

  • Checking keyboard access to tooltips
  • Reviewing tooltip associations for screen readers
  • Checking hover, focus, and Escape behavior
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Research current web sources through multiple searches and primary documents. Cross-check key figures, explain conflicting evidence, and produce a single-file HTML report with linked sources, dates, and clear distinctions between findings and inference.

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

  • Research current information with linked evidence
  • Check important figures across independent sources
  • Document conflicting claims or limited evidence
asgeirtj/system_prompts_leaks7万2026年10月20日 更新

Export an HTML slide deck to a PowerPoint file, with each slide captured as a full-page PNG image. The export preserves the visual layout and attaches speaker notes, but slide contents cannot be edited individually.

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

  • Share HTML slides as a PowerPoint file
  • Preserve slide layouts when exporting
  • Include speaker notes in the exported deck
asgeirtj/system_prompts_leaks7万2026年10月20日 更新

Guide the design of HTML pages for Artifacts, from documents to interactive tools. Shape typography, colors, and layouts around the subject while accounting for mobile screens, light and dark themes, and viewer restrictions.

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

  • Turning a Markdown document into a designed HTML page
  • Designing a landing page around its subject
  • Making an Artifact readable on mobile screens
asgeirtj/system_prompts_leaks7万2026年10月20日 更新

figma

免费

Bring Figma logos, brand colors, and components into HyperFrames as local assets and editable HTML. Reconstruct animation from storyboard states, with additional motion import options when a compatible connector or native export is available.

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

  • Import a Figma logo as a video asset
  • Apply brand colors across imported components
  • Turn a Figma frame into editable HTML
heygen-com/hyperframes6.9万2026年10月21日 更新

Build and validate HTML video projects in HyperFrames. It guides scene structure, clip timing, reusable sub-scenes, and audio and video placement, with rules that keep playback predictable and rendered frames consistent.

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

  • Build an HTML video project in HyperFrames
  • Set clip timing and arrange tracks
  • Combine reusable sub-scenes
heygen-com/hyperframes6.9万2026年10月21日 更新

Edit a single-file HTML presentation while keeping slide numbers, contents links, section dividers, and level indicators consistent. The skill explains how navigation and inherited section levels work, including what to update when slides move.

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

  • Adding slides and updating contents links
  • Checking navigation after reordering slides
  • Adjusting section dividers and level indicators
shanraisshan/claude-code-best-practice6.8万2026年10月20日 更新

pake

免费

Turn a website or local HTML build into a desktop app with Pake. Guides app naming, icons, unique app identifiers, proxy settings, and build verification, including checking the paths of generated installers or bundles.

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

  • Turning a website into a desktop app
  • Packaging a local HTML file or static build
  • Configuring app icons and identifiers
tw93/Pake6.2万2026年10月19日 更新

assay

免费

Check a local web page after editing by opening it in Chromium and exercising its controls automatically. It reports inconsistent behavior without requiring test scripts or an API key, giving you findings to investigate before further changes.

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

  • Checking controls on a newly created HTML page
  • Checking a page after JavaScript or CSS changes
  • Running a smoke test on locally built output
sickn33/agentic-awesome-skills4.8万2026年10月21日 更新

Create original generative art with p5.js, including particle systems and flowing patterns. Get a written artistic concept and an interactive HTML viewer with adjustable parameters, reproducible variations, and PNG downloads.

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

  • Creating original art through code
  • Exploring particle motion and flowing patterns
  • Comparing variations with adjustable controls
davila7/claude-code-templates3.3万2026年10月21日 更新

Read a Gmail message by its ID and extract its body, with optional sender, recipient, subject, and date details. Return text or JSON, or retrieve the HTML body for further processing.

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

  • Read the body of a message by its Gmail ID
  • Check the sender, recipient, subject, and date
  • Extract a message body as JSON
googleworkspace/cli3.2万2026年10月7日 更新