前端开发 Skill技能列表

shadcn-ui组件约定Skill shadcn-ui-conventions

4.5

这个技能提供了在 shadcn/ui 框架下开发 UI 组件的约定,特别适用于创建和修改 8 位复古风格的组件。它涵盖了导入模式、类型定义、引用处理和样式管理,确保代码的一致性和可维护性。关键词:shadcn/ui, UI 组件, 8 位复古风格, 前端开发, 组件约定, 代码规范。

shadcn/ui组件注册集成技能Skill fumadocs-registry-integration

4.5

这个技能用于将 8-bit 风格的 UI 组件集成到 shadcn/ui 组件库中,通过更新 registry.json 文件,使开发者能使用命令行工具快速添加和管理组件。它包括创建组件文件、更新注册表、管理依赖和样式文件,适用于前端开发和组件库集成。关键词:shadcn/ui, 8-bit 组件, 前端开发, 组件注册, 集成, 代码管理, 样式文件。

TypeScript严格类型验证器Skill type-validator

4.5

这个技能专注于检查和修复 TypeScript 代码中的类型安全问题,包括 any 类型检测、类型定义完整性、Zod 验证集成、路径别名类型检查和 Biome 配置集成,旨在提升代码质量、减少运行时错误并优化开发效率。关键词:TypeScript, 类型检查, 严格模式, any类型修复, Zod验证, 路径别名, Biome集成, 代码质量, 开发效率。

泳道可视化Skill swimlane-visualization

4.5

泳道可视化技能用于设计泳道用户界面模式,以实时可视化AI Developer Workflow的执行。适用于构建观测性仪表板、监控代理工作流进度和创建实时状态显示。关键词包括:泳道可视化、UI设计、前端开发、实时更新、AI工作流、WebSocket集成、事件监控、工作流调试。

Makepad调试与参考Skill makepad-reference

4.5

此技能提供Makepad框架的故障排除、代码质量优化、自适应布局等参考资料,帮助开发者解决常见错误、优化代码结构,并实现跨平台UI开发。关键词:Makepad、调试、代码质量、响应式布局、API文档、故障排除、参考文档。

TypeScript编程技能Skill skill-name

4.5

这个技能是关于使用TypeScript进行高效Web开发和编程的,提供核心模式示例、快速入门指南和常见应用场景。关键词:TypeScript, JavaScript, 前端开发, 后端开发, Web开发, 编程技能, TypeScript示例, 代码实现。

Makepad基础技能Skill makepad-basics

4.5

这个技能是关于使用Rust的makepad-widgets库进行跨平台UI开发的入门指南。它帮助开发者快速上手Makepad,学习如何编写实时设计的UI代码,处理事件,并构建适用于多个平台的应用。关键词:Rust, Makepad, UI开发, 跨平台, 实时设计, 前端开发, 入门教程。

shadcn组件管理Skill shadcn-management

4.5

这个技能用于管理 shadcn/ui 组件,支持快速添加组件、构建复杂UI功能、研究组件实现和获取安装命令,适用于前端开发项目。关键词:shadcn, UI组件, 前端开发, 组件管理, 快速添加, 复杂构建。

卓越前端设计与图像集成技能Skill frontend-design-pro

4.5

这个技能专注于设计和开发高端的前端用户界面,集成了真实或自定义图像,用于提升视觉吸引力和功能性。关键词包括前端开发、UI设计、图像处理、Web开发、美学设计、响应式界面、SEO优化。

构件构建器Skill artifacts-builder

4.5

该技能用于构建交互式、自包含的HTML/JavaScript构件,包括数据可视化、计算器、迷你应用和工具,支持嵌入到网站或作为独立应用使用。适用于创建交互式演示、原型、教育内容及任务特定工具。关键词:HTML, JavaScript, 交互式构件, 数据可视化, 前端开发, Claude.ai, 迷你应用构建, Web开发工具, SEO优化, 交互设计。

TypeScript严格类型安全实践Skill typescript-strict

4.5

该技能专注于在 TypeScript 项目中实施严格模式,通过全面的类型定义、错误处理和消除 any 类型,确保代码的类型安全,防止运行时错误,提升开发效率和代码质量。关键词:TypeScript, 严格模式, 类型安全, 类型定义, 错误处理, 前端开发, 类型守卫, 泛型编程。

TailwindCSS设计系统构建Skill tailwind-design-system

4.5

这个技能专注于使用Tailwind CSS实用类构建一致、可扩展的设计系统,涵盖自定义主题、设计令牌、响应式布局和深色模式实现。适用于前端开发、UI设计、设计系统、响应式设计、Tailwind CSS、实用类样式管理。