typography-text-effects — community typography-text-effects, Todo-App, community, ide skills, Claude Code, Cursor, Windsurf

v1.0.0

关于此技能

非常适合需要高级排版和文本效果来增强用户界面设计的前端代理。 Enhance headers, buttons, and text with readable typography and micro-animations.

abdulmateen5251 abdulmateen5251
[1]
[0]
更新于: 2/8/2026

Killer-Skills Review

Decision support comes first. Repository text comes second.

Reference-Only Page Review Score: 4/11

This page remains useful for operators, but Killer-Skills treats it as reference material instead of a primary organic landing page.

Concrete use-case guidance Explicit limitations and caution
Review Score
4/11
Quality Score
41
Canonical Locale
en
Detected Body Locale
en

非常适合需要高级排版和文本效果来增强用户界面设计的前端代理。 Enhance headers, buttons, and text with readable typography and micro-animations.

核心价值

使代理能够使用CSS和JavaScript库创建视觉上吸引人的文本元素,具有动画标题、优化的正文文本和微交互,确保响应式字体缩放和微妙的运动效果。

适用 Agent 类型

非常适合需要高级排版和文本效果来增强用户界面设计的前端代理。

赋予的主要能力 · typography-text-effects

为标题生成动画淡入/滑入效果
优化正文文本的行高和间距
创建按钮文本悬停效果和呼叫操作动画

! 使用限制与门槛

  • 需要CSS和JavaScript的知识
  • 仅限于Web应用程序和数字产品
  • 需要组件之间的一致字体和样式

Why this page is reference-only

  • - Current locale does not satisfy the locale-governance contract.
  • - The page lacks a strong recommendation layer.
  • - The underlying skill quality score is below the review floor.

Source Boundary

The section below is supporting source material from the upstream repository. Use the Killer-Skills review above as the primary decision layer.

实验室 Demo

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

常见问题与安装步骤

以下问题与步骤与页面结构化数据保持一致,便于搜索引擎理解页面内容。

? FAQ

typography-text-effects 是什么?

非常适合需要高级排版和文本效果来增强用户界面设计的前端代理。 Enhance headers, buttons, and text with readable typography and micro-animations.

如何安装 typography-text-effects?

运行命令:npx killer-skills add abdulmateen5251/Todo-App/typography-text-effects。支持 Cursor、Windsurf、VS Code、Claude Code 等 19+ IDE/Agent。

typography-text-effects 适用于哪些场景?

典型场景包括:为标题生成动画淡入/滑入效果、优化正文文本的行高和间距、创建按钮文本悬停效果和呼叫操作动画。

typography-text-effects 支持哪些 IDE 或 Agent?

该技能兼容 Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer。可使用 Killer-Skills CLI 一条命令通用安装。

typography-text-effects 有哪些限制?

需要CSS和JavaScript的知识;仅限于Web应用程序和数字产品;需要组件之间的一致字体和样式。

安装步骤

  1. 1. 打开终端

    在你的项目目录中打开终端或命令行。

  2. 2. 执行安装命令

    运行:npx killer-skills add abdulmateen5251/Todo-App/typography-text-effects。CLI 会自动识别 IDE 或 AI Agent 并完成配置。

  3. 3. 开始使用技能

    typography-text-effects 已启用,可立即在当前项目中调用。

! 参考页模式

此页面仍可作为安装与查阅参考,但 Killer-Skills 不再把它视为主要可索引落地页。请优先阅读上方评审结论,再决定是否继续查看上游仓库说明。

Imported Repository Instructions

The section below is supporting source material from the upstream repository. Use the Killer-Skills review above as the primary decision layer.

Supporting Evidence

typography-text-effects

安装 typography-text-effects,这是一款面向AI agent workflows and automation的 AI Agent Skill。支持 Claude Code、Cursor、Windsurf,一键安装。

SKILL.md
Readonly
Imported Repository Instructions
The section below is supporting source material from the upstream repository. Use the Killer-Skills review above as the primary decision layer.
Supporting Evidence

Typography & Text Effects

Instructions

  1. Headers

    • Animated fade/slide in
    • Large readable sizes
  2. Body text

    • Line height and spacing optimized
    • Responsive font scaling
  3. Micro-interactions

    • Button text hover effects
    • Call-to-action emphasis animations

Best Practices

  • Use scalable, readable fonts
  • Keep motion subtle
  • Maintain consistency across components

相关技能

寻找 typography-text-effects 的替代方案 (Alternative) 或可搭配使用的同类 community Skill?探索以下相关开源技能。

查看全部

openclaw-release-maintainer

Logo of openclaw
openclaw

Your own personal AI assistant. Any OS. Any Platform. The lobster way. 🦞

333.8k
0
AI

widget-generator

Logo of f
f

为prompts.chat的信息反馈系统生成可定制的插件小部件

149.6k
0
AI

flags

Logo of vercel
vercel

React 框架

138.4k
0
浏览器

pr-review

Logo of pytorch
pytorch

Python中具有强大GPU加速的张量和动态神经网络

98.6k
0
开发者工具