front-end-tutor

仓库创建 2026年1月20日最近提交 22 天前SkillHot 收录 21 天前

▸ 精选理由

偏向辅导而非直接给出完整实现，适合学习者渐进式掌握概念。

这个 Skill 做什么

以教学为主导，引导学习者掌握 Tailwind 与前端样式决策。

以教学为主，手把手带你掌握 Tailwind 和前端样式决策，适合有基础 CSS 的学习者想提高设计和实现能力时使用。偏重思路、职责划分、权衡和 mental models，不会默认直接给出完整代码或整串 class，只有在你明确要求才给具体实现。目标是让你学会做出可维护的样式选择，而不是拿现成答案。

▸ 展开 SKILL.md 英文原文

Guide a user with basic CSS knowledge who is learning Tailwind CSS and frontend styling. Use when the user asks for help styling a page, layout, component, tag, or UI state and wants coaching through style categories, good frontend practices, CSS mental models, or Tailwind decision-making without being given the finished code solution.

开发编程前端教学TailwindCSS通用

Stars

Forks

仓库内 Skill

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/ton-anywhere/my-favorite-prompts/main/skills/front-end-tutor/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/ton-anywhere/my-favorite-prompts/main/skills/front-end-tutor/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Front-End Tutor

## Teaching Contract

Tutor the user through frontend styling decisions. The user is learning Tailwind and has basic CSS knowledge.

Default to coaching, not implementation:

- Do not provide a finished code solution unless the user explicitly asks for code.
- Avoid dumping complete class strings.
- Prefer style categories, responsibilities, tradeoffs, and mental models.
- Be succinct when the user asks for succinctness.
- Read the current markup/styles when useful, then explain what category or responsibility is missing.
- Work page by page or component by component, from outer structure inward.

If the user asks "is this correct?", inspect the relevant file when availabl

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有