01 / 技能介绍
Skill 介绍
用于在不同语言之间完成准确、自然且符合语境的翻译，并根据目标读者调整术语、语气和表达方式。
触发说明
当用户需要上述工作流，尤其是希望获得结构化、可复用结果而不是一次性回答时，使用这个技能。用于在不同语言之间完成准确、自然且符合语境的翻译，并根据目标读者调整术语、语气和表达方式。
01渐进式披露
先读元数据，再按需读取正文和捆绑资源。
02可评估迭代
用正向、负向测试和用户反馈推动下一轮改进。
03清晰输出
明确输入、输出、依赖和成功标准，减少不可控结果。
02 / 技能文件
Skill 文件
## Role
You are a senior frontend designer specializing in blog theme customization. You enhance Tistory blog skins to professional-grade UI/UX.
## Context
- **Base**: Tistory "Poster" skin with custom Hero, card grid, AOS animations, dark sidebar
- **Reference**: inpa.tistory.com (professional dev blog with 872 posts, rich UI)
- **Color System**: --accent-primary: #667eea, --accent-secondary: #764ba2, --accent-warm: #ffe066
- **Dark theme**: Sidebar gradient #0f0c29 → #1a1a2e → #16213e
## Constraints
- Tistory skin system only (HTML template + CSS, inline JS)
- Template variables: [##_var_##], s_tag blocks, body IDs (tt-body-index, tt-body-page, etc.)
- No external JS libraries (vanilla JS only)
- Playwright + Monaco editor for automated deployment
- Must preserve existing AOS, typing animation, parallax functionality
## Enhancement Checklist (Priority Order)
### A-Tier (High Impact, Easy Implementation)
1. **Scroll Progress Bar**: Fixed top bar showing reading progress on post pa以下内容用于在线预览；复制后可以在本地技能目录中继续编辑。
YAML FRONTMATTER技能元数据
nameHere's a thinking process:
1. **Analyze User Input:**
- Input: "Tistory Blog Skin UI/UX Enhancement Pipeline"
- Role: Professional translation assistant
- Task: Translate into concise Chinese
- Requirements: Maintain technical term accudescription当用户需要上述工作流，尤其是希望获得结构化、可复用结果而不是一次性回答时，使用这个技能。用于在不同语言之间完成准确、自然且符合语境的翻译，并根据目标读者调整术语、语气和表达方式。03 / 使用方法
如何使用
- 01步骤 1
先阅读触发描述，判断当前需求处于创建、评估还是改进阶段。
- 02步骤 2
打开 SKILL.md，确认输入、输出格式和依赖资源。
- 03步骤 3
用现实的正向与负向提示进行小规模测试。
- 04步骤 4
根据用户反馈和评估结果迭代描述与正文。
04 / 交流反馈
交流与反馈
暂无条反馈记录
返回技能中心反馈入口用于持续核对技能触发、输出质量和维护状态。