All Skills Search Tools

|

Loading...

AI Agent Skills Directory with categorization, English/Chinese translation, and script security checks.

Sitemap

Home
All Skills
Search
Tools

About

About Us
Disclaimer
Copyright

Help

FAQ
Privacy
Terms

Contact Us:osulivan147@qq.com

© 2026 Skill4Agent. All rights reserved.

Home/All Skills/Frontend Development/deck-magazine-web

deck-magazine-web

Original：🇨🇳 Chinese

Translated

E-magazine × E-ink Style, WebGL Fluid Background + Serif Display

2installs

Sourcenexu-io/html-anything

Added on2026-05-16

NPX Install

npx skill4agent add nexu-io/html-anything deck-magazine-web

Tags

Translated version includes tags in frontmatter

frontend-design web-ppt-template webgl-background magazine-style-ui typography-design

SKILL.md Content (Chinese)

View Translation Comparison →

【Template: Magazine-style Web PPT (magazine-web-ppt)】【Purpose】Horizontal-swipe HTML deck, magazine × e-ink tone. 【Layout】

Cover (Serif display + WebGL fluid background)
Section title page
Data poster page (a large number + one explanatory sentence)
Image grid page
Quote page (Sunday-paper style) 【Design Details】
Fonts: Playfair / Noto Serif SC display + Inter / Source Han Sans body
Keyboard ← / → to switch; hash synchronization

Download

Download TranslatedIncludes original Skill.md

(9.7 KB)Download Original(9.0 KB)

Related Skills

vercel-react-view-transitions

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view transitions, `startViewTransition`, `ViewTransition`, transition types, or asks about animating between UI states in React without third-party animation libraries.

colorize

Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and expressive.

accessibility

Audit and improve web accessibility following WCAG 2.1 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".

css-animations

CSS animation adapter patterns for HyperFrames. Use when authoring CSS keyframes, animation-delay based timing, animation-fill-mode, animation-play-state, or CSS-only motion that HyperFrames must seek deterministically during preview and rendering.