用途：该技能面向 Telegram Mini App 前端开发，基于 React 18+ 与 Vite，给出项目结构、组件模式、Hooks、状态管理与 TypeScript 类型的参考约定。
主要能力：提供分层目录结构（components 分为 common/layout/features，hooks 分为 api/telegram/ui，另有 pages、services、stores、types、utils、constants）；组件模式包括基础组件、页面组件与复合组件（Object.assign 组合）；Hooks 覆盖数据请求（含乐观更新与回滚）、Telegram 鉴权（useInitData、tma 授权头）、MainButton 与确认弹窗；状态管理使用 Zustand，含 persist 与 immer 中间件、按 chatId 缓存与待提交变更；API 客户端基于 ky，统一前缀、超时与错误处理，并定义 Chat、ChatSettings 等类型。
使用方式：按资料中的目录组织代码，在组件与页面中引用对应 hooks 与 stores，通过 services/api.ts 调用后端接口。资料未提供安装命令与具体依赖版本。
适用场景：Telegram Mini App 前端开发，尤其是聊天设置、屏蔽列表、锁设置等管理类界面。
限制：资料未说明收费、平台支持范围与运行效果；示例代码中的接口路径与类型定义需按实际后端调整。