搜索「Frontend Development」的结果

io.github.midudev/autoskills/python-testing-patterns

以 pytest、fixture、mock 与测试驱动开发实现完整测试策略。在编写 Python 测试、搭建测试套件或落实测试最佳实践时使用。

stage-tamagotchi-godot-csharp(Godot C# 规范)

io.github.moeru-ai/airi/stage-tamagotchi-godot-csharp

仅在 engines/stage-tamagotchi-godot 目录内工作时套用该引擎本地的 C# 开发方法与代码风格,包括其 .cs 文件、.csproj、引擎本地 .editorconfig 与 Godot 特有的 C# 结构决策。不用于 TypeScript、Electron、渲染层代码、共享工作区配置、仓库级 C# 约定,或 engines/stage-tamagotchi-godot 之外的任何文件。

Python SDK（inference.sh）

io.github.openakita/openakita/python-sdk

inference.sh 的 Python SDK——运行 AI 应用、构建 Agent、接入 150+ 模型。包名：inferencesh（pip install inferencesh）。支持同步/异步、流式输出、文件上传。可用模板或即席模式构建 Agent，配合 tool builder API、技能与人工审批。适用：Python 集成、AI 应用、Agent 开发、RAG 流水线、自动化。触发词：python sdk、inferencesh、pip install、python api、python client、async inference、python agent、tool builder python、programmatic ai、python integration、sdk python

部署 deploy

io.github.Chachamaru127/claude-code-harness/deploy

部署到 Vercel/Netlify，一张通往生产环境的单程票安排好。当用户提到部署、Vercel、Netlify、分析统计或健康检查时使用。不要用于：编码实现、本地开发、代码评审或环境初始化。

接入生成的 API 类型

io.github.PostHog/posthog/adopting-generated-api-types

当前端代码从手写 API 调用（`api.get`、`api.create`、`api.surveys.get`、`api.dashboards.list`、`new ApiRequest()`）与手写 TypeScript 接口迁移到生成的 API 函数与类型时使用。触发场景：从 `lib/api` 导入的文件、含 `api.get<`、`api.create<`、`api.<entity>.<method>` 的文件、与后端序列化器重复的手写接口定义，以及任何手工拼接 API URL 的前端文件。覆盖完整替换流程——找到对应生成物、替换导入、调整调用点、删除废弃的手写类型。

Python 设计模式

io.github.mindfold-ai/Trellis/python-design

面向 CLI 脚本与工具的 Python 设计模式：类型优先开发、深层模块、复杂度管理，以及危险信号。在阅读、编写、审查或重构 Python 文件时使用，尤其是 .trellis/scripts/ 或任何 CLI/脚本场景。在规划模块结构、决定新代码落点或做代码审查时也应启用。

css

io.github.majiayu000/claude-skill-registry-data/css

专家级 CSS 开发与最佳实践。在以下情况使用：(1) 编写或调试 CSS；(2) 用 flexbox、grid 或容器查询实现布局；(3) 创建动画与过渡；(4) 优化 CSS 性能；(5) 使用 CSS 预处理器或 CSS-in-JS；(6) 实现响应式设计；或当出现“样式”“CSS”“样式表”“设计”“布局”“动画”等词时。

Web 应用测试

io.github.anthropics/skills/webapp-testing

使用 Playwright 与本地 Web 应用交互并测试的工具包。支持验证前端功能、调试 UI 行为、捕获浏览器截图和查看浏览器日志。

Web Artifacts 构建器

io.github.anthropics/skills/web-artifacts-builder

使用现代前端技术（React、Tailwind CSS、shadcn/ui）创建复杂多组件 claude.ai HTML artifact 的工具集。适用于需要状态管理、路由或 shadcn/ui 组件的复杂 artifact，不适合简单的单文件 HTML/JSX artifact。

automation-scripts-generator

io.github.majiayu000/claude-skill-registry-data/automation-scripts-generator

为组件创建、批量操作、代码转换、项目脚手架以及 UI 库开发工作流的自定义 CLI 工具生成自动化脚本

GitHub Actions 模板

io.github.wshobson/agents/github-actions-templates

创建可用于生产的 GitHub Actions 工作流，实现应用的自动化测试、构建与部署。适用于用 GitHub Actions 搭建 CI/CD、自动化开发工作流，或制作可复用的工作流模板。

React Native 开发指南

io.github.MiniMax-AI/skills/react-native-dev

React Native 与 Expo 开发指南，涵盖组件、样式、动画、导航、状态管理、表单、网络请求、性能优化、测试、原生能力，以及工程化（项目结构、部署、SDK 升级、CI/CD）。适用场景：构建 React Native 或 Expo 应用、实现动画或原生 UI、管理状态、拉取数据、编写测试、优化性能、部署到 App Store/Play Store、搭建 CI/CD、升级 Expo SDK、配置 Tailwind/NativeWind。

后端参考

io.github.agent0ai/space-agent/backend-reference

前端所依赖的后端契约只读参考，涵盖路由、API、认证、分层架构和模块解析。

GSAP 与 Framer 滚动动画

io.github.github/awesome-copilot/gsap-framer-scroll-animation

当用户想构建滚动动画、滚动效果、视差、滚动触发的显示、钉住区块、横向滚动、文字动画或任何与滚动位置绑定的动效时使用本技能——适用于 vanilla JS、React 或 Next.js。覆盖 GSAP ScrollTrigger（pin、scrub、snap、时间线、横向滚动、ScrollSmoother、matchMedia）与 Framer Motion / Motion v12（useScroll、useTransform、useSpring、whileInView、variants）。即便用户只说“滚动时动画”“滚动时淡入”“做出苹果式滚动”“视差效果”“粘性区块”“滚动进度条”“入场动画”也应触发。也适用于 GSAP 或 Framer Motion 代码生成的 Copilot 提示词模式。与 premium-frontend-ui 技能搭配，提供创意哲学与设计级打磨。

Docker Compose

io.github.NeverSight/learn-skills.dev/docker-compose

用于多容器本地开发与生产栈的 Docker Compose。当用户提到 "docker-compose"、"docker compose"、"multi-container"、"compose file"、"services"、"docker networking"、"compose volumes"、"dev environment setup"，或在本地编排多个容器时使用。