前端开发 Skill技能列表
Claude.aiHTML艺术品构建器Skill web-artifacts-builder
这个技能是一个前端开发工具套件,专门用于使用现代技术如 React、Tailwind CSS 和 shadcn/ui 创建 Claude.ai HTML 艺术品。它适用于构建多组件、复杂艺术品,支持状态管理和路由,不适用于简单文件。关键词:前端开发、React、Tailwind CSS、shadcn/ui、HTML、艺术品构建、Claude.ai、工具套件。
网页界面指南审查专家Skill web-design-guidelines
这个技能用于自动审查网页UI代码,确保其符合最新网页界面指南,提升可访问性、用户体验和设计质量。适用于前端开发中的代码审计和最佳实践检查,关键词包括UI审查、可访问性、设计审核、网页设计、界面指南、a11y、可用性、代码审查。
状态管理顾问Skill state-management-advisor
这个技能专注于React应用中的状态管理,帮助开发者选择和实施合适的解决方案,包括Context、Zustand、Redux Toolkit、TanStack Query和Jotai,用于处理本地状态、全局状态和服务器状态。关键词:React状态管理,全局状态管理,服务器状态管理,前端开发。
TailwindCSSSkill tailwindcss
Tailwind CSS 是一个实用优先的CSS框架,专为快速用户界面开发设计,支持响应式布局、暗黑模式、自定义主题和设计系统构建,适用于各种Web框架,如React、Vue、Svelte等。关键词:CSS框架、实用优先、响应式设计、暗黑模式、UI开发、前端工具。
SvelteKitSEO和元标签技能Skill seo-and-meta-tags-in-sveltekit
这个技能专注于在 SvelteKit 前端框架中实现 SEO 优化和元标签管理,提供指南、最佳实践、代码审查和重构建议,帮助开发者提升网站可搜索性、代码质量和一致性。关键词:SvelteKit, SEO, 元标签, 前端开发, 代码标准, 最佳实践, 性能优化。
TypeScript严格类型安全实践Skill typescript-strict
该技能专注于在 TypeScript 项目中实施严格模式,通过全面的类型定义、错误处理和消除 any 类型,确保代码的类型安全,防止运行时错误,提升开发效率和代码质量。关键词:TypeScript, 严格模式, 类型安全, 类型定义, 错误处理, 前端开发, 类型守卫, 泛型编程。
构件构建器Skill artifacts-builder
该技能用于构建交互式、自包含的HTML/JavaScript构件,包括数据可视化、计算器、迷你应用和工具,支持嵌入到网站或作为独立应用使用。适用于创建交互式演示、原型、教育内容及任务特定工具。关键词:HTML, JavaScript, 交互式构件, 数据可视化, 前端开发, Claude.ai, 迷你应用构建, Web开发工具, SEO优化, 交互设计。
UI/UX设计专业版Skill ui-ux-pro-max
UI/UX Pro Max 是一个综合性UI/UX设计智能工具,提供丰富的设计资源,包括50种样式、21种调色板、50种字体配对、20种图表和9种技术栈。它帮助用户生成设计系统、进行详细搜索,覆盖视觉样式、字体、调色板、UI组件和最佳实践等领域,输出为ASCII表格或Markdown格式,适用于前端开发、平面设计和产品管理中的设计工作。关键词:UI设计、UX设计、设计系统、前端开发、视觉设计、调色板、字体配对、图表、技术栈。
网页构件构建器Skill web-artifacts-builder
网页构件构建器是一个前端开发工具套件,专门用于创建复杂的Claude.ai HTML artifact。它利用React、TypeScript、Vite、Parcel、Tailwind CSS和shadcn/ui等现代技术,支持状态管理、路由和组件化开发,适合需要高级前端功能的项目。关键词:前端开发、React、HTML artifact、Claude.ai、状态管理、路由、shadcn/ui。
Robius事件与动作模式技能Skill robius-event-action
本技能专注于在Makepad应用程序中实现事件处理和动作模式的最佳实践,基于Robrix和Moly代码库。它提供了自定义动作定义、小部件事件处理、集中动作处理以及异步动作集成等模式,适用于UI开发和前端应用构建。关键词:Makepad事件处理,动作模式,UI开发,Rust编程,Robrix,Moly,小部件动作,异步处理,前端框架。
shadcn组件管理Skill shadcn-management
这个技能用于管理 shadcn/ui 组件,支持快速添加组件、构建复杂UI功能、研究组件实现和获取安装命令,适用于前端开发项目。关键词:shadcn, UI组件, 前端开发, 组件管理, 快速添加, 复杂构建。
前端设计Skill frontend-design
前端设计技能用于通过AI多模态分析、创意代码实现和独特美学,创建高质量、生产级的前端界面。它专注于避免通用AI美学,适用于Web开发、组件构建、设计复制和灵感汲取,关键词包括前端开发、AI辅助、设计指南、代码实现、美学创新。