前端开发 Skill技能列表
国际化助手Skill internationalization-helper
国际化助手是一个用于管理和实施软件多语言支持的技能。它专注于提取硬编码字符串、管理翻译文件、确保区域覆盖,并遵循最佳实践来简化应用程序的国际化(i18n)和本地化(l10n)流程。关键词:国际化 i18n,本地化 l10n,多语言应用,翻译管理,区域设置,前端开发,软件开发。
前端设计Skill frontend-design
这个技能用于创建独特、生产级的前端界面,强调创意设计和避免通用AI美学。它生成高质量、视觉冲击力的代码,适用于Web组件、页面和应用程序开发,确保界面既功能完整又具有独特美学风格。关键词:前端设计,创意代码,美学界面,避免AI通用,生产级开发。
前端样式设计Skill styling
这个技能用于指导如何编写和维护CSS及Tailwind样式代码,包括最小化包装元素以提升代码质量,采用最佳实践来提高开发效率和UI一致性。它涵盖了样式优化、工具类使用、颜色规范和主题管理,适用于前端开发者和UI设计师。关键词:前端开发、CSS、Tailwind、样式设计、代码优化、UI组件。
Webpack前端打包与配置技能Skill webpack
Webpack是一个广泛用于前端开发的模块打包工具,提供配置管理、资源加载、代码分割和性能优化功能,通过插件和加载器扩展,支持构建现代化Web应用程序。关键词:前端开发、Webpack配置、模块打包、构建优化、代码分割、JavaScript打包、开发工具。
Biome代码检查技能Skill biome-linting
这个技能用于通过Biome工具对JavaScript和TypeScript项目进行自动化代码检查,提升代码质量、性能和安全性。关键词:Biome, 代码检查, linting, JavaScript, TypeScript, 代码质量, 自动化检查, 规则配置, 安全优化。
UI/UX智能库与推荐专家Skill UI/UXIntelligenceExpert
这个技能是一个综合的UI/UX设计指南库,提供多种风格、配色方案、字体搭配和UX最佳实践,支持跨技术栈的设计系统生成,适用于网页和移动应用开发。关键词:UI设计、UX设计、配色方案、字体搭配、设计系统、响应式设计、无障碍设计、性能优化、前端开发。
前端构建工具套件Skill artifacts-builder
这是一个前端构建工具套件,用于创建复杂的多组件HTML艺术品,基于React、TypeScript、Tailwind CSS和shadcn/ui等现代前端技术。支持状态管理、路由和组件集成,适合高级前端项目开发和Claude AI工具集制作。关键词:前端开发、React、TypeScript、HTML构建、工具集、Claude AI、状态管理、路由、组件库。
create-typescript-x402-nextjsSkill create-typescript-x402-nextjs
创建带有x402支付保护的Next.js应用程序,利用Algorand区块链支付实现HTTP 402支付门控路由。
ShopifyApp开发技能Skill shopify-apps
Shopify App开发技能涉及使用Remix框架、Admin API和结账UI扩展来构建Shopify应用,关键词包括Shopify、Remix、Admin API、结账扩展。
前端设计Skill frontend-design
前端设计技能专注于创建具有高设计质量、独特且可直接用于生产环境的前端用户界面。它强调跳出常规的AI生成美学,通过创意性的排版、色彩、动效和空间构成,打造令人难忘的视觉体验。该技能适用于构建Web组件、单页或完整应用程序,要求开发者具备深刻的设计思维,能够根据项目目的、受众和约束,选择并坚定执行一个大胆的美学方向(如极致简约、复古未来、工业实用等),最终交付功能完善、细节精致、具有强烈品牌识别度的代码。
vercel-react-best-practicesSkill vercel-react-best-practices
Vercel React 最佳实践是一套全面的 React 和 Next.js 性能优化指南,由 Vercel 维护。这套指南包含 45 条规则,覆盖 8 个类别,旨在指导开发者在编写、审查或重构 React/Next.js 代码时,遵循最佳性能模式。关键词包括:性能优化、React 组件、Next.js 页面、数据获取、捆绑包优化、性能改进。
原子设计基础Skill atomic-design-fundamentals
原子设计基础技能用于应用Atomic Design方法论,将UI组件组织成夸克、原子、分子、有机体、模板和页面等层级,以构建可扩展、可维护的组件化用户界面设计系统。关键词包括原子设计、UI组件、设计系统、前端开发、组件化、可扩展性、可维护性。