前端开发 Skill技能列表
shadcn/ui组件注册集成技能Skill fumadocs-registry-integration
这个技能用于将 8-bit 风格的 UI 组件集成到 shadcn/ui 组件库中,通过更新 registry.json 文件,使开发者能使用命令行工具快速添加和管理组件。它包括创建组件文件、更新注册表、管理依赖和样式文件,适用于前端开发和组件库集成。关键词:shadcn/ui, 8-bit 组件, 前端开发, 组件注册, 集成, 代码管理, 样式文件。
TypeScript编程技能Skill skill-name
这个技能是关于使用TypeScript进行高效Web开发和编程的,提供核心模式示例、快速入门指南和常见应用场景。关键词:TypeScript, JavaScript, 前端开发, 后端开发, Web开发, 编程技能, TypeScript示例, 代码实现。
TypeScript严格类型验证器Skill type-validator
这个技能专注于检查和修复 TypeScript 代码中的类型安全问题,包括 any 类型检测、类型定义完整性、Zod 验证集成、路径别名类型检查和 Biome 配置集成,旨在提升代码质量、减少运行时错误并优化开发效率。关键词:TypeScript, 类型检查, 严格模式, any类型修复, Zod验证, 路径别名, Biome集成, 代码质量, 开发效率。
泳道可视化Skill swimlane-visualization
泳道可视化技能用于设计泳道用户界面模式,以实时可视化AI Developer Workflow的执行。适用于构建观测性仪表板、监控代理工作流进度和创建实时状态显示。关键词包括:泳道可视化、UI设计、前端开发、实时更新、AI工作流、WebSocket集成、事件监控、工作流调试。
Makepad调试与参考Skill makepad-reference
此技能提供Makepad框架的故障排除、代码质量优化、自适应布局等参考资料,帮助开发者解决常见错误、优化代码结构,并实现跨平台UI开发。关键词:Makepad、调试、代码质量、响应式布局、API文档、故障排除、参考文档。
shadcn组件管理Skill shadcn-management
这个技能用于管理 shadcn/ui 组件,支持快速添加组件、构建复杂UI功能、研究组件实现和获取安装命令,适用于前端开发项目。关键词:shadcn, UI组件, 前端开发, 组件管理, 快速添加, 复杂构建。
卓越前端设计与图像集成技能Skill frontend-design-pro
这个技能专注于设计和开发高端的前端用户界面,集成了真实或自定义图像,用于提升视觉吸引力和功能性。关键词包括前端开发、UI设计、图像处理、Web开发、美学设计、响应式界面、SEO优化。
构件构建器Skill artifacts-builder
该技能用于构建交互式、自包含的HTML/JavaScript构件,包括数据可视化、计算器、迷你应用和工具,支持嵌入到网站或作为独立应用使用。适用于创建交互式演示、原型、教育内容及任务特定工具。关键词:HTML, JavaScript, 交互式构件, 数据可视化, 前端开发, Claude.ai, 迷你应用构建, Web开发工具, SEO优化, 交互设计。
TypeScript严格类型安全实践Skill typescript-strict
该技能专注于在 TypeScript 项目中实施严格模式,通过全面的类型定义、错误处理和消除 any 类型,确保代码的类型安全,防止运行时错误,提升开发效率和代码质量。关键词:TypeScript, 严格模式, 类型安全, 类型定义, 错误处理, 前端开发, 类型守卫, 泛型编程。
TailwindCSS设计系统构建Skill tailwind-design-system
这个技能专注于使用Tailwind CSS实用类构建一致、可扩展的设计系统,涵盖自定义主题、设计令牌、响应式布局和深色模式实现。适用于前端开发、UI设计、设计系统、响应式设计、Tailwind CSS、实用类样式管理。
ShadcnUI组件库Skill shadcn-ui-components
此技能用于使用 shadcn/ui、Radix UI 和 Tailwind CSS 构建美观、可访问、可自定义的 UI 组件库。适用于前端开发中的组件库创建、常见 UI 模式实现(如对话框、下拉菜单、表单验证、数据表格、命令面板)、设计系统构建,以及提升开发效率和用户体验。关键词:前端开发、UI 组件、可访问性、Tailwind CSS、Radix UI、shadcn/ui、组件库、表单验证、数据表格、设计系统。
ESLint配置Skill eslint-configuration
ESLint配置技能专注于JavaScript代码质量的检查和规范设置,提供全面的配置文件、插件、环境配置知识,适用于前端开发、代码审查和CI/CD集成。关键词:ESLint、配置、JavaScript、代码质量、前端开发、插件、环境设置。