360 Secure SkillHub
360 安全技能中心

github

MengTo

@MengTo

公开技能 100 个

发布的技能

返回作者列表
B

build-awwwards-quality-sites

安全

艺术指导并实现高品质动效营销网站,含可访问性与交付验证

兼容性待确认热度 44.49
查看详情
C

cinematic-gsap-lenis-motion-system

需注意

用 GSAP、ScrollTrigger 和 Lenis 构建电影感网页动效系统。

兼容性待确认热度 32.10
查看详情
B

beautiful-shadows

需注意

提供三档 Tailwind 任意值阴影类及 UI 组件选用规则,用于打造中性分层高度。

兼容性待确认热度 29.88
查看详情
C

cinematic-scroll-storytelling

需注意

用 GSAP 与 Lenis 构建电影感滚动叙事落地页,含吸附卡片、视差和分段揭示。

兼容性待确认热度 27.72
查看详情
A

animation-on-scroll

安全

生成滚动触发的 IntersectionObserver 与 Tailwind 动画代码片段。

兼容性待确认热度 26.10
查看详情
L

landing-page

需注意

面向 SaaS/应用/服务的高转化单页设计与文案改写指南

兼容性待确认热度 25.42
查看详情
A

animation-systems

安全

提供产品级 Web 动效设计原则、参数、编排与实现建议,兼顾性能与减少动效可访问性。

兼容性待确认热度 23.81
查看详情
G

gsap-scrolltrigger-storytelling

需注意

提供 GSAP ScrollTrigger 粘性产品滚动叙事与动效实现指导。

兼容性待确认热度 19.48
查看详情
D

design-first-ui-prompting

安全

把模糊 UI 想法整理成结构化设计优先提示词,并提供迭代规则。

兼容性待确认热度 19.06
查看详情
G

gsap

需注意

提供 GSAP 网页动画编写、排错与性能优化指导。

兼容性待确认热度 18.83
查看详情
C

cobejs

安全

用于在网页中加入轻量 WebGL cobe 地球组件,含标记、交互与响应式代码示例。

兼容性待确认热度 17.04
查看详情
P

progressive-blur

需注意

生成可调方向与层级的 CSS 渐进模糊覆盖层代码片段

兼容性待确认热度 16.95
查看详情
O

optimize-web-animations

需注意

在 Codex Browser 中剖析前端动画与内存性能,暂停离屏动画并校验资源清理

兼容性待确认热度 16.63
查看详情
T

tailwindcss

安全

Tailwind CSS 界面设计与实现参考,含布局、响应式、主题、组件模式与代码示例。

兼容性待确认热度 16.34
查看详情
M

masked-reveal

需注意

用 GSAP ScrollTrigger 实现标题逐词遮罩上移的滚动动画代码指南。

兼容性待确认热度 15.53
查看详情
W

webgl-landing-steering

安全

为 WebGL 落地页提供视觉方向、技术栈与质量门槛的决策指南

兼容性待确认热度 15.22
查看详情
P

pricing-page

需注意

提供 SaaS 定价页设计与改写指南,覆盖套餐结构、转化文案、FAQ、SEO/AEO 与布局建议。

兼容性待确认热度 14.71
查看详情
V

video-to-superprompt

安全

把参考视频拆解成可复刻页面与动效的详细提示词。

兼容性待确认热度 14.66
查看详情
T

tune-enemy-ai

安全

提供动作游戏敌人 AI 的设计、调优与确定性测试指导。

兼容性待确认热度 0.00
查看详情
X

x-bookmark-quote-posts

安全

从 X 书签生成带来源的引用帖草稿队列,并按近期发文校准语气。

兼容性待确认热度 0.00
查看详情
W

write-like-meng-on-x

需注意

按 Meng To 的 X 文风撰写、改写和审阅推文,并维护去重语料与声音档案。

兼容性待确认热度 0.00
查看详情
W

workflow-threads-manager

需注意

监督并行 Claude 会话,核对合并、更新日志与线上状态,并归档已完成会话。

兼容性待确认热度 0.00
查看详情
W

workflow-score-to-target

安全

用可量化评分表给作品逐项打分,多轮改进直到达到目标分数

兼容性待确认热度 0.00
查看详情
W

workflow-progress-screenshots

需注意

自动抓取并发送视觉任务进展截图,强调真实渲染、前后对比和逐图说明。

兼容性待确认热度 0.00
查看详情
W

web-technique-to-skill

安全

将已实现的网页视觉技法提炼成可复用 Skill,并附带经浏览器验证的演示

兼容性待确认热度 0.00
查看详情
W

webgl-laser

需注意

生成固定全屏 WebGL 激光背景,含白热核心、品牌色光晕、烟雾与调校参数。

兼容性待确认热度 0.00
查看详情
W

webgl-3d-object

需注意

生成带真实几何、PBR 材质、灯光和轻微动画的 WebGL 3D 对象代码。

兼容性待确认热度 0.00
查看详情
V

vantajs

安全

指导使用 Vanta.js 添加 WebGL 动画背景并处理集成与性能。

兼容性待确认热度 0.00
查看详情
U

unsplash-asset-images

安全

为头像、人像、网页背景和壁纸等场景推荐 Unsplash 图片,并提供比例、尺寸与裁剪建议。

兼容性待确认热度 0.00
查看详情
U

unicorn-studio

需注意

指导在网页中嵌入并调优 Unicorn Studio 交互式 WebGL 动画

兼容性待确认热度 0.00
查看详情
T

threejs-weather

需注意

为 Three.js 场景添加可切换的雨、风暴、闪电、雪与湿地面效果。

兼容性待确认热度 0.00
查看详情
T

threejs-towers

需注意

用 Three.js 程序化生成塔楼建筑,并用裁剪平面制作装配动画。

兼容性待确认热度 0.00
查看详情
T

threejs-landscape

需注意

用 Three.js 构建实时地形、草地、天空与昼夜过渡的景观背景。

兼容性待确认热度 0.00
查看详情
T

thinking-orbs

需注意

为 React 18+ 应用集成 thinking-orbs,添加可访问的 AI 活动加载状态指示…

兼容性待确认热度 0.00
查看详情
T

test-playable-web-games

安全

面向浏览器游戏的端到端可玩性测试与发布验证。

兼容性待确认热度 0.00
查看详情
T

technical-wireframe-info-layout

需注意

单色技术线框风界面设计系统,含爆炸式三维结构与标注布局指导。

兼容性待确认热度 0.00
查看详情
T

tech-green-dark-mode-modern

安全

提供科技绿暗色模式设计系统方向与界面视觉规范。

兼容性待确认热度 0.00
查看详情
S

stitched-full-page-capture

需注意

通过滚动截取视口并拼接,修复懒加载网页整页截图及分区裁剪图。

兼容性待确认热度 0.00
查看详情
S

staggered-word-reveal

需注意

为短标题提供逐词错峰淡入上移动画,支持视口触发与减少动态效果。

兼容性待确认热度 0.00
查看详情
S

split-layout-technical

需注意

提供技术感分屏布局与编辑式设计系统指导

兼容性待确认热度 0.00
查看详情
S

solar-duotone-bold

需注意

统一 UI 图标风格:使用 Iconify Solar Duotone Bold 并保持一致性。

兼容性待确认热度 0.00
查看详情
S

skeuomorphic-ui

需注意

提供拟物化 Web UI 表面的 CSS 渐变、阴影与纹理配方。

兼容性待确认热度 0.00
查看详情
S

ship-web-games

安全

打包、部署并验证可玩的 Three.js 或 Web 游戏,覆盖发布检查与生产验证。

兼容性待确认热度 0.00
查看详情
S

shaders-cursor-ripples

需注意

为现有前端媒体面板集成 Shaders CursorRipples 鼠标水波纹,并保留图片回退

兼容性待确认热度 0.00
查看详情
S

scroll-world-storytelling

需注意

把文章或品牌故事做成三模式滚动叙事落地页

兼容性待确认热度 0.00
查看详情
S

scroll-scrubbed-word-reveal

安全

指导实现滚动驱动的逐词文字显现,保留内联语义与可访问性,并附带演示参考。

兼容性待确认热度 0.00
查看详情
S

scroll-scrubbed-visual-sequence

安全

生成以原生滚动进度驱动的可逆视觉序列前端代码

兼容性待确认热度 0.00
查看详情
S

scroll-progress-timeline

安全

将有序流程做成带进度线、活动步骤与响应式折叠的滚动时间线。

兼容性待确认热度 0.00
查看详情
R

reveal-hover-effect

安全

生成双图对齐、指针跟随径向遮罩的悬停显影组件代码。

兼容性待确认热度 0.00
查看详情
P

publish-project-to-github

需注意

审计本地项目,整理为 GitHub 仓库并配置、验证 GitHub Pages 发布。

兼容性待确认热度 0.00
查看详情
P

product-proof-saas

安全

指导创建以真实工作流或演示为核心证据的 SaaS 落地页。

兼容性待确认热度 0.00
查看详情
P

pointer-trail-emitter

安全

构建恒定间距的指针轨迹粒子发射器,兼顾性能、触控与无障碍。

兼容性待确认热度 0.00
查看详情
P

performance-profiling

安全

面向 Apple 应用的性能分析指南,覆盖卡顿、内存、启动与能耗诊断。

兼容性待确认热度 0.00
查看详情
P

paper-cinder-transition

需注意

用 WebGL 合成通道实现纸质燃烧式场景切换,包含灰烬、火线与旧帧冻结。

兼容性待确认热度 0.00
查看详情
O

orange-clean-paper-saas

需注意

提供暖纸色与橙色强调的SaaS界面设计系统指导。

兼容性待确认热度 0.00
查看详情
O

optimize-threejs-games

安全

诊断并优化 Three.js/WebGL 游戏性能,强调可复现测量与回归验证。

兼容性待确认热度 0.00
查看详情
O

operational-enterprise-ai

安全

为企业 AI 产品页提供叙事、视觉系统、组件状态与验证规范

兼容性待确认热度 0.00
查看详情
N

number-details

需注意

为界面添加 01、02、03 装饰性数字标记的设计规范。

兼容性待确认热度 0.00
查看详情
N

no-ai-design-slop

安全

UI 设计被动质量门,清理泛化 AI 设计默认与常见界面缺陷。

兼容性待确认热度 0.00
查看详情
N

nested-container-frames

需注意

用于创建带外框、内嵌容器和分层边框的嵌套布局设计规范。

兼容性待确认热度 0.00
查看详情
N

nested-container-clean-agency

需注意

提供嵌套容器式代理机构视觉设计规范,突出外层框架、深色内嵌区块、圆角卡片与克制强调色。

兼容性待确认热度 0.00
查看详情
M

mesh-gradient-dark-blue-clean

需注意

提供深蓝网格渐变未来感页面设计系统与组件代码。

兼容性待确认热度 0.00
查看详情
M

matterjs

需注意

指导 Matter.js 2D 物理场景搭建与交互实现

兼容性待确认热度 0.00
查看详情
M

marquee-loop

需注意

提供无缝无限跑马灯循环的实现步骤与动效注意事项。

兼容性待确认热度 0.00
查看详情
L

liquid-metal-border

需注意

为 React 控件添加并调校金属质感 WebGL 边框

兼容性待确认热度 0.00
查看详情
L

light-mode-paper-technical

需注意

提供浅色纸质技术风格设计系统的视觉与实现指导

兼容性待确认热度 0.00
查看详情
I

iterate-until-verified

安全

把主观质量要求转成验收门,迭代执行并独立验证。

兼容性待确认热度 0.00
查看详情
I

implement-fog-of-war

安全

为 Three.js 动作游戏实现、调优和验证软边战争迷雾与感知系统

兼容性待确认热度 0.00
查看详情
I

image-first-grid-layout

需注意

提供图像主导的网格布局设计方向,强调全出血主视觉、结构线与锚定内容块。

兼容性待确认热度 0.00
查看详情
I

illustration-one-line

需注意

生成单线连续线条、错位丝印风的 SVG 人物插画,并迭代校验。

兼容性待确认热度 0.00
查看详情
I

illustration-line-interior

安全

生成细线室内风格 SVG 插画:人物在宽敞房间工作,含工具库、示例与渲染校验流程。

兼容性待确认热度 0.00
查看详情
I

illustration-ink-sketch

需注意

生成手绘墨水风 SVG 卡通插画卡片,含角色、道具和校验流程。

兼容性待确认热度 0.00
查看详情
I

illustration-halftone-line

需注意

生成黑白半调线稿风 SVG 插画,并编译、渲染与校验。

兼容性待确认热度 0.00
查看详情
I

illustration-grainy-gouache

需注意

生成暖粉底颗粒水粉风动物 SVG 插画卡片,支持渲染、接触表和规范校验。

兼容性待确认热度 0.00
查看详情
I

illustration-framed-panel

需注意

生成带画框面板的柔和卡通 SVG 插画卡片并渲染校验。

兼容性待确认热度 0.00
查看详情
H

html-to-interaction-prompts

安全

将 HTML 或在线页面整理为带截图、视频和交互提示词的文章。

兼容性待确认热度 0.00
查看详情
H

high-contrast-skeuomorphic-clean

需注意

提供高对比度拟物化 UI 设计系统方向

兼容性待确认热度 0.00
查看详情
G

gooey-blob-system

需注意

用 SVG 滤镜实现可融合分离的黏性 blob 视觉系统。

兼容性待确认热度 0.00
查看详情
G

globe-particles

需注意

生成由Three.js与WebGL驱动的球体粒子视觉,含核心、轨道环与调参说明。

兼容性待确认热度 0.00
查看详情
G

globe-gl

安全

指导用 globe.gl 在纯 HTML 或 React 中实现 3D 地球数据可视化

兼容性待确认热度 0.00
查看详情
G

glass-dark-ui

安全

提供深色玻璃拟态界面的设计令牌、磨砂面板、渐变边框与可读性检查清单。

兼容性待确认热度 0.00
查看详情
G

glass-dark-mode-clock

需注意

提供深色玻璃拟态仪表盘风格的界面设计指导,以圆形时钟/刻度盘为视觉核心。

兼容性待确认热度 0.00
查看详情
G

generate-reference-inspired-brand-worlds

安全

根据参考图生成多品牌视觉世界,控制相似度并避免复制受保护元素。

兼容性待确认热度 0.00
查看详情
G

game-dev-combat-skill-polish

需注意

用盲评与逐帧实拍为战斗技能评分,并迭代提升可读性与美术表现。

兼容性待确认热度 0.00
查看详情
G

game-dev-combat-animation

需注意

为游戏角色战斗动画制定规则、逐帧测量并用盲评修复手臂与武器动作。

兼容性待确认热度 0.00
查看详情
F

funky-purple-container-tech

安全

深色容器主导的紫红科技风设计系统,含视觉方向与实现建议。

兼容性待确认热度 0.00
查看详情
F

framed-tech-dark-border-gradient

需注意

深色框架式技术风设计系统,含渐变描边、非对称网格与等宽标签规范

兼容性待确认热度 0.00
查看详情
F

framed-grid-layout

需注意

提供细边框、L 形角标和斜线纹理的网页栅格布局规范。

兼容性待确认热度 0.00
查看详情
F

fire-paper-loader

需注意

用 Worker 与 OffscreenCanvas 实现燃烧纸环加载器,避免主线程阻塞。

兼容性待确认热度 0.00
查看详情
F

falling-leaves

需注意

指导实现逼真的二维/三维落叶飘落动画,含翻滚、密度分层与性能优化。

兼容性待确认热度 0.00
查看详情
E

elevenlabs-tts

安全

调用 ElevenLabs 把文本合成为语音音频,语音配置放在本地

兼容性待确认热度 0.00
查看详情
E

editorial-tech

需注意

提供编辑杂志与产品科技结合的视觉设计风格指南

兼容性待确认热度 0.00
查看详情
E

editorial-service-booking

安全

为服务型商家设计编辑风格预约网站与预订流程。

兼容性待确认热度 0.00
查看详情
E

editorial-portfolio-chapters

安全

为创意工作室与作品集网站提供分章节编辑式版式与动效规范

兼容性待确认热度 0.00
查看详情
D

documentary-brutalist-agency

安全

为创意机构与作品集网站提供纪实粗野主义视觉系统和页面实现规范。

兼容性待确认热度 0.00
查看详情
D

dither-laser-dark-mode

需注意

提供暗色高端 UI 设计系统方向,融合有序抖动纹理与克制激光氛围。

兼容性待确认热度 0.00
查看详情
D

dither-background

需注意

生成深色单色 Bayer 抖动背景的 Canvas 代码配方。

兼容性待确认热度 0.00
查看详情
D

design-game-encounters

安全

设计并调优 Three.js 动作游戏遭遇,覆盖竞技场、敌人组合与节奏。

兼容性待确认热度 0.00
查看详情
D

design-action-combat

安全

为网页游戏提供可读战术动作战斗的设计与确定性测试指导。

兼容性待确认热度 0.00
查看详情
D

dark-glass-clean-layout

安全

提供深色磨砂玻璃风格的多栏工作台布局设计规范与视觉建议。

兼容性待确认热度 0.00
查看详情