前端开发 Skill技能列表
前端开发指南Skill frontend-dev-guidelines
Next.js 15 应用的前端开发指南,涵盖 React 19、TypeScript、Shadcn/ui、Tailwind CSS 等现代开发模式,包括 Server Components、Client Components、App Router、文件结构、组件、性能优化和 TypeScript 最佳实践。
前端设计Skill frontend-design
前端设计技能专注于创建独特、高质量、生产就绪的Web界面,避免通用AI美学。该技能强调创意设计思维、大胆美学方向、精致代码实现,涵盖排版、色彩、动效、空间构成等核心要素,旨在打造令人难忘的数字体验。关键词:前端开发、UI设计、Web界面、创意设计、生产级代码、美学优化、用户体验、CSS动画、响应式布局、视觉设计。
VitePress静态站点生成器Skill vitepress
VitePress 是一款基于 Vite 和 Vue 3 的静态站点生成器,专为构建文档站点、博客和营销网站而设计。它支持文件路由、在 Markdown 中直接使用 Vue 组件、快速热更新等功能,是前端开发中用于高效创建静态网站的强大工具。关键词:VitePress, 静态站点生成器, Vite, Vue 3, 前端开发, 文档, 博客, SEO。
dotnetBlazor模式设计Skill dotnet-blazor-patterns
这个技能专注于dotnet Blazor应用的架构设计,涵盖托管模型、渲染模式、路由、流式渲染、预渲染和AOT安全模式。它帮助开发者高效构建交互式Web应用,适用于前端开发、Web开发、.NET开发和Blazor框架。关键词:Blazor、dotnet、Web开发、前端、渲染模式、托管模型、路由、AOT安全、.NET 10、增强导航。
网页设计审查员Skill web-design-reviewer
这个技能用于自动检查和修复网站的设计问题,包括响应式设计、可访问性、视觉一致性和布局中断。通过浏览器自动化和源代码编辑,提高网站质量。关键词:网页设计审查、UI检查、响应式修复、可访问性测试、视觉一致性、布局优化、源代码修复、前端开发工具。
Context7MCP使用模式Skill context7-usage
Context7 MCP 是一个用于高效检索和查询编程库及框架官方文档的工具。它通过预索引技术提供结构化、权威的文档内容,支持React、Vue、Node.js等多种技术栈。该工具能显著减少AI对话中的令牌消耗,提升开发文档查询的精确度和速度,是程序员和AI助手进行技术文档检索的优化解决方案。关键词:Context7 MCP,文档检索,库文档查询,AI开发工具,编程文档索引,令牌优化,技术栈支持。
tauri项目初始化Skill tauri-project-setup
该技能用于快速搭建基于Web技术的跨平台桌面应用开发环境。它集成了Rust后端与主流前端框架(如React、Vue、Svelte),提供项目结构初始化、配置文件生成、窗口设置、自动更新和跨平台构建等一站式解决方案。关键词:Tauri桌面应用,Rust后端,前端框架集成,跨平台开发,WebView,轻量级应用。
VueUse函数Skill vueuse-functions
VueUse 函数库提供了一套丰富的Vue.js和Nuxt项目中的响应式和功能性工具,旨在通过预制的composable函数简化开发流程,提高代码的可读性和维护性。
Nuxt框架Skill nuxt
Nuxt是一个基于Vue.js的全栈框架,支持服务器端渲染(SSR)、文件路由和自动导入,适用于现代Web开发,提升开发效率和性能,关键词包括Vue、SSR、全栈、文件路由、自动导入、服务器渲染。
顶级设计Skill top-design
这个技能是一个获奖级网页设计框架,用于创建高端、沉浸式的网站和应用程序。它专注于排版、动画、颜色、滚动设计、性能和微交互,旨在实现10/10的设计质量,帮助设计师和开发者构建匹配Awwwards获奖标准的数字体验。关键词:网页设计、前端开发、动画、排版、Awwwards、性能优化、微交互、UI/UX设计。
核心网页指标优化Skill core-web-vitals
该技能专注于优化核心网页指标(LCP、INP、CLS),通过技术手段提升网页加载速度、交互响应性和视觉稳定性,从而改善用户体验和搜索引擎排名。关键词:核心网页指标、LCP优化、INP优化、CLS优化、性能优化、SEO、页面体验、前端性能。
React专家Skill react-expert
此技能用于前端开发,专注于使用 React 19 及更高版本构建高性能、可访问的 Web 应用程序,涵盖组件架构、钩子模式、状态管理、性能优化等核心领域。适用于服务器组件、Suspense 边界、现代数据获取等高级特性。关键词:React, 前端开发, TypeScript, 状态管理, 性能优化, 服务器组件, 钩子模式, 可访问性。