frontend-unit-testing（前端单元测试）
SkillSkillsMP
io.github.gradio-app/gradio/frontend-unit-testing
使用 Vitest 浏览器模式、Playwright 与 @self/tootils 测试工具，为 Gradio 前端的 Svelte 组件编写全面的、行为驱动的单元测试。
source
“Frontend Development” 共 803 个结果
io.github.gradio-app/gradio/frontend-unit-testing
使用 Vitest 浏览器模式、Playwright 与 @self/tootils 测试工具，为 Gradio 前端的 Svelte 组件编写全面的、行为驱动的单元测试。
io.github.affaan-m/ECC/frontend-design-direction
为生产级 UI 工作确定一套 ECC 专属的前端设计方向。当构建或改进网站、仪表盘、应用、组件、落地页、可视化工具，或任何需要更强产品化设计判断的 Web UI 时使用。
io.github.langfuse/langfuse/frontend-browser-review
Langfuse 用户可见前端变更的浏览器审查共享流程。当改动影响 UI 行为、布局、样式、导航或可能造成浏览器中可见的回归，需要在签署前用 Playwright MCP server 检查时使用。
io.github.coollabsio/coolify/fortify-development
当用户在 Laravel 中处理认证时激活。包括登录、注册、密码重置、邮箱验证、双因素认证(2FA/TOTP/二维码/恢复码)、passkey、个人资料更新、密码确认,以及认证路由与控制器。用户提到 Fortify、auth、authentication、login、register、signup、forgot password、2FA、passkeys、WebAuthn,或引用 app/Actions/Fortify/、CreateNewUser、UpdateUserProfileInformation、FortifyServiceProvider、config/fortify.php、auth 守卫时激活。Fortify 是 Laravel 前端无关的认证后端,注册全部认证路由和控制器。构建 SPA 或无头认证、自定义登录跳转、覆盖 LoginResponse 等响应契约或配置登录限流时也激活。不适用于 Laravel Passport(OAuth2 API token)、Socialite(社交登录)或非认证 Laravel 功能。
io.github.coollabsio/coolify/tailwindcss-development
用户消息以任何形式包含 'tailwind' 时始终调用。还适用于:构建响应式栅格布局(多列卡片栅格、商品栅格)、flex/grid 页面结构(带侧边栏的仪表盘、固定顶栏、移动端可折叠导航)、UI 组件样式(卡片、表格、导航栏、价格区、表单、输入框、徽章)、添加暗色模式变体、修复间距或排版,以及 Tailwind v3/v4 工作。核心场景:在 HTML 模板(Blade、JSX、Vue)中编写或修正 Tailwind 工具类。跳过:后端 PHP 逻辑、数据库查询、API 路由、无 HTML/CSS 部分的 JavaScript、CSS 文件审计、构建工具配置和原生 CSS。
io.github.oracle-devrel/oracle-ai-developer-hub/taste-skill
资深 UI/UX 工程师角色：设计数字界面时覆盖 LLM 的默认偏好。强制执行基于度量规则、严格组件架构、CSS 硬件加速与均衡的设计工程。
io.github.zarazhangrui/frontend-slides/frontend-slides
从零创建或转换 PowerPoint 文件，产出美观、动效丰富的 HTML 演示。当用户想做一份演示、把 PPT/PPTX 转成网页，或为演讲与路演制作幻灯片时使用；通过视觉探索而非抽象选项，帮助非设计背景的人找到自己的审美风格。
io.github.alirezarezvani/claude-skills/senior-frontend
面向 React、Next.js、TypeScript 与 Tailwind CSS 应用的前端开发技能。用于构建 React 组件、优化 Next.js 性能、分析包体积、脚手架前端项目、实现无障碍或审阅前端代码质量。
io.github.cloudflare/vibesdk/frontend-design
打造独特、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、产物、海报或应用（示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或对任意 Web UI 做样式美化）时使用此技能。生成富有创意、打磨精细的代码与 UI 设计，避免千篇一律的 AI 审美。
io.github.cloudflare/vibesdk/frontend-design-saas
顶级 SaaS 仪表盘与产品 UI 参考。在构建应用外壳、数据表格、设置面板、账单页、仪表盘、鉴权流程、管理工具或任何内部/客户侧 SaaS 产品 UI 时使用此技能。受 Stripe、Linear、Vercel、Airbnb、Notion 启发。涵盖中性色系设计 token、侧边栏+内容框架、高密度数据 UI、表单繁多的配置页、命令面板、空状态，以及这些产品所达到的无障碍（WCAG AA+）标准。
io.github.cloudflare/vibesdk/frontend-design-landing-page
营销落地页与转化导向产品页参考。在构建 hero 区、特性网格、定价页、客户评价、CTA、页脚、导航栏及任何面向公众的营销页面时使用此技能。涵盖温暖、专业、对开发者友好的设计语言（米色背景、充裕留白、胶囊 CTA、角括号卡片装饰），以及完整的 token 集、动画体系和可复制的组件片段。不适用于产品/仪表盘 UI——那类需求请用 frontend-design-saas。
io.github.OpenBMB/PilotDeck/frontend-design
前端界面设计原则：视觉层次、布局、色彩、间距、响应式和避免“AI 味”页面。
io.github.vm0-ai/vm0/database-development
vm0 项目的数据库迁移与 Drizzle ORM 指南。
io.github.relaticle/relaticle/mcp-development
用于 Laravel MCP 开发。在 Laravel 项目中创建或编辑 MCP 工具、资源、提示词、服务器或 UI 应用时触发。涵盖：artisan make:mcp-* 生成器、routes/ai.php、Tool/Resource/Prompt/AppResource 类、schema 校验、shouldRegister()、OAuth 配置、URI 模板、只读属性、MCP 调试、MCP UI 应用、x-mcp::app Blade 组件、createMcpApp()、默认 AppResource handle() 从类名自动推断视图、Response::view()、AppMeta/Csp/Permissions/appMeta() 配置、#[RendersApp] 属性、用于 CDN 库（Tailwind、Alpine）的 Library 枚举，以及通过 CSS 变量应用宿主主题。只要用户提到 MCP 应用、MCP UI、交互式 MCP 资源、用 Tailwind 或 Alpine 为 MCP 应用定样，或为 AI Agent 构建可视化界面，就使用本技能
io.github.EpicenterHQ/epicenter/frontend-design
为新建或重设计的前端界面确定视觉设计方向：布局、字体排印、色彩、动效与反平庸 AI 审美。在设计页面、仪表盘、海报、营销界面或探索性 UI 变体时使用。
io.github.affaan-m/ECC/intent-driven-development
在实现之前或实现的同时，将含义模糊或影响较大的产品与工程变更转化为范围明确、可验证的验收标准。适用于用户请求澄清功能、定义验收标准、降低安全/数据/迁移/集成变更风险、为其他智能体准备实现需求，或让复杂需求变得可测试时。除非用户明确调用此技能，否则不要因琐碎改动、简单修复、进行中的调试、代码审查或验收条件已明确的实现请求而触发。
io.github.affaan-m/ECC/frontend-patterns
面向 React、Next.js 的前端开发模式，涵盖状态管理、性能优化与 UI 最佳实践。
io.github.affaan-m/ECC/frontend-patterns
面向 React、Next.js 的前端开发模式，涵盖状态管理、性能优化与 UI 最佳实践。
io.github.affaan-m/ECC/frontend-patterns
面向 React、Next.js 的前端开发模式，涵盖状态管理、性能优化与 UI 最佳实践。
io.github.affaan-m/ECC/frontend-patterns
React、Next.js、状态管理、性能优化和UI最佳实践的前端开发模式。
io.github.affaan-m/ECC/frontend-patterns
面向 React、Next.js 的前端开发模式，涵盖状态管理、性能优化与 UI 最佳实践。
io.github.affaan-m/ECC/frontend-patterns
面向 React、Next.js 的前端开发模式，涵盖状态管理、性能优化与 UI 最佳实践。
io.github.exceptionless/Exceptionless/frontend-architecture
作为 ClientApp 中 Svelte 5 应用的前端统一入口 skill——新增路由、创建功能切片、编写 Svelte 组件、遵循 TypeScript 约定、复用共享 UI/格式化组件、处理无障碍，或编写前端测试。旧版 Angular 应用（ClientApp.angular）仍支撑当前站点的绝大部分页面，但除用户明确要求改动 Angular 或遗留 UI 外，新的前端开发一律只做 Svelte UI。
io.github.sickn33/antigravity-awesome-skills/python-development
你是一名 Python 项目架构专家，专注于为生产就绪的 Python 应用搭建脚手架。生成使用现代工具链（uv、FastAPI、Django）并带类型标注的完整项目结构（python-development-python-scaffold 的别名）。