Communitygithub.com

Nile-University-Student-Union-org/Availability-tracker

掌握流式排版比例、字体搭配(编辑衬线体 + 技术无衬线体)、光学字距、垂直节奏以及现代 CSS clamp() 系统,避免布局偏移。

Availability-tracker 是什么?

该技能专注于现代 Web 排版,帮助开发者掌握流体排版比例、字体搭配(如编辑衬线体与技术无衬线体的组合)、光学字距调整、垂直节奏以及 CSS clamp() 系统。通过实际示例和最佳实践,它教会用户如何实现流畅的响应式排版,避免布局偏移,提升可读性与设计精致度。支持在任何使用 CSS 的 Web 开发环境中应用,适用于 Claude Code、Cursor、Codex 等 AI 辅助工具。该技能的独特之处在于其系统化方法,结合了排版理论与现代 CSS 技术,产出视觉稳定、易于维护的代码。总结而言,它为开发者提供了排版优化的实用指南,确保用户界面在不同屏幕和设备上始终保持美观与一致性。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Nile-University-Student-Union-org/Availability-tracker/tree/main/.agents/skills/fluid-responsive-typography

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

Availability-tracker 是做什么的?

掌握流式排版比例、字体搭配(编辑衬线体 + 技术无衬线体)、光学字距、垂直节奏以及现代 CSS clamp() 系统,避免布局偏移。

相关技能