前端开发 Skill技能列表
展示时间线与活动组件Skill displaying-timelines
该技能用于系统化地创建和展示时间线、活动组件、甘特图、日历接口等，适用于显示事件、活动、项目计划、历史数据、社交源、通知和审计日志。提供基于用例的决策框架、实现模式、性能优化、可访问性要求和响应式设计，支持实时更新。关键词：时间线、活动组件、甘特图、日历、前端开发、数据可视化、实时更新、可访问性、响应式设计。
TypeScript编程技能Skill skill-name
这个技能是关于使用TypeScript进行高效Web开发和编程的，提供核心模式示例、快速入门指南和常见应用场景。关键词：TypeScript, JavaScript, 前端开发, 后端开发, Web开发, 编程技能, TypeScript示例, 代码实现。
设计系统专家Skill design-systems
设计系统专家技能专注于创建可扩展的设计基础，包括基于令牌的主题化、一致的组件API、设计系统架构和清晰文档。关键词：设计系统、令牌、主题化、组件、架构、前端开发、CSS、React、测试驱动开发、性能优化。
网页质量审计Skill web-quality-audit
这个技能用于对网站进行全面的质量审计，基于Google Lighthouse，覆盖性能、可访问性、SEO和最佳实践。它帮助开发者识别和修复网页问题，优化用户体验、搜索引擎排名和安全性。关键词：网页审计、网站优化、性能测试、可访问性检查、SEO审计、Lighthouse、前端开发。
构件构建器Skill artifacts-builder
该技能用于构建交互式、自包含的HTML/JavaScript构件，包括数据可视化、计算器、迷你应用和工具，支持嵌入到网站或作为独立应用使用。适用于创建交互式演示、原型、教育内容及任务特定工具。关键词：HTML, JavaScript, 交互式构件, 数据可视化, 前端开发, Claude.ai, 迷你应用构建, Web开发工具, SEO优化, 交互设计。
UI保护锁定Skill ui-freeze
这是一个用于前端开发的UI保护技能，能自动锁定关键设计文件如tailwind.config和CSS变量，防止意外更改，提高开发效率和代码稳定性。适用于前端开发、UI设计、CSS管理、视觉回归测试、主题保护、UI组件锁定等领域，确保设计系统的一致性。关键词：UI保护、主题文件锁定、前端开发、CSS管理、视觉回归、设计系统保护。
TypeScript严格类型安全实践Skill typescript-strict
该技能专注于在 TypeScript 项目中实施严格模式，通过全面的类型定义、错误处理和消除 any 类型，确保代码的类型安全，防止运行时错误，提升开发效率和代码质量。关键词：TypeScript, 严格模式, 类型安全, 类型定义, 错误处理, 前端开发, 类型守卫, 泛型编程。
前端开发指南Skill frontend-dev-guidelines
这个技能是前端开发指南，专注于现代React和TypeScript应用程序的开发。它详细介绍了基于Suspense的数据获取、懒加载、文件组织、MUI v7样式、TanStack Router路由、性能优化和TypeScript最佳实践。适用于创建组件、页面、功能、获取数据、样式设置、路由和前端代码管理。关键词：React, TypeScript, 前端开发, 性能优化, 数据获取, Suspense, 懒加载, MUI v7, TanStack Router, 文件组织。
状态管理顾问Skill state-management-advisor
这个技能专注于React应用中的状态管理，帮助开发者选择和实施合适的解决方案，包括Context、Zustand、Redux Toolkit、TanStack Query和Jotai，用于处理本地状态、全局状态和服务器状态。关键词：React状态管理，全局状态管理，服务器状态管理，前端开发。
SvelteKitSEO和元标签技能Skill seo-and-meta-tags-in-sveltekit
这个技能专注于在 SvelteKit 前端框架中实现 SEO 优化和元标签管理，提供指南、最佳实践、代码审查和重构建议，帮助开发者提升网站可搜索性、代码质量和一致性。关键词：SvelteKit, SEO, 元标签, 前端开发, 代码标准, 最佳实践, 性能优化。
Robius事件与动作模式技能Skill robius-event-action
本技能专注于在Makepad应用程序中实现事件处理和动作模式的最佳实践，基于Robrix和Moly代码库。它提供了自定义动作定义、小部件事件处理、集中动作处理以及异步动作集成等模式，适用于UI开发和前端应用构建。关键词：Makepad事件处理，动作模式，UI开发，Rust编程，Robrix，Moly，小部件动作，异步处理，前端框架。
UI/UX设计专业版Skill ui-ux-pro-max
UI/UX Pro Max 是一个综合性UI/UX设计智能工具，提供丰富的设计资源，包括50种样式、21种调色板、50种字体配对、20种图表和9种技术栈。它帮助用户生成设计系统、进行详细搜索，覆盖视觉样式、字体、调色板、UI组件和最佳实践等领域，输出为ASCII表格或Markdown格式，适用于前端开发、平面设计和产品管理中的设计工作。关键词：UI设计、UX设计、设计系统、前端开发、视觉设计、调色板、字体配对、图表、技术栈。