“Frontend Development” 共 540 个结果
io.github.microsoft/vscode/project-setup-info-context7
帮助用户在 VS Code 工作区中创建完整项目结构的全面设置步骤。本工具面向整体项目的初始化与脚手架搭建，而非创建单个文件。适用：从零创建完整新项目；搭建整框架（TypeScript 项目、React 应用、Node.js 服务等）；初始化具备完整结构的 Model Context Protocol（MCP）服务器；按规范脚手架创建 VS Code 扩展；设置 Next.js、Vite 等框架项目；用户要求新项目、创建工作区或设置某框架项目；需要建立含依赖、配置文件与目录结构的完整开发环境。不适用：创建单个文件或少量代码片段；向已有项目添加单个文件；修改既有代码库；用户要求创建一个文件。
io.github.Significant-Gravitas/AutoGPT/worktree
为并行开发新建 git worktree：创建 worktree、复制 .env 文件、安装依赖并生成 Prisma client。当用户要求设置 worktree、在隔离环境中处理某个分支，或需要为分支/PR 准备独立环境时触发。
io.github.davila7/claude-code-templates/design-mirror
复刻任意网站的视觉风格并应用到你的代码库。当用户想对齐某个站点的设计、镜像某套 UI 美学、让自己的应用像另一个站点，或按某个 URL 复刻特定风格时使用。触发语包括做得像它一样、对齐这个设计、照抄这个风格、我想让我的应用像 X、镜像这套设计、受某站点启发，或任何指着网站希望前端对齐的情况。
io.github.wshobson/agents/web-component-design
掌握 React、Vue 与 Svelte 组件模式，包括 CSS-in-JS、组合策略与可复用组件架构。在构建 UI 组件库、设计组件 API 或落地前端设计系统时使用。
io.github.majiayu000/spellbook/css-debug
使用此技能诊断 CSS 与前端布局问题，如定位、溢出裁剪、Tailwind 类冲突、z-index 层叠，以及 React 渲染可见性问题。
io.github.codewithmukesh/dotnet-claude-kit/docker
面向 .NET 10 应用的 Docker 容器化。涵盖多阶段构建、.NET 容器镜像、非 root 用户配置、健康检查与 .dockerignore。在为应用做容器化、优化镜像体积、为本地开发搭建 Docker Compose，或用户提到 “Docker”“Dockerfile”“container”“docker-compose”“image”“multi-stage”“non-root”“.dockerignore”“container health check”“dotnet publish container” 时加载本技能。
vdevelopment
io.github.tari-project/tari-ootle/cursor
Tari Ootle 项目在 Cursor 中的开发说明。
io.github.curiositech/some_claude_skills/nextjs-app-router-expert
Next.js 14/15 App Router 架构、React Server Components（RSC）、Server Actions 与现代全栈 React 开发专家。擅长路由模式、数据获取策略、缓存、流式渲染与部署优化。
io.github.erp-mafia/accounted/docker-patterns
Docker 与 Docker Compose 模式，面向本地开发、容器安全、网络、卷策略与多服务编排。
io.github.phuryn/pm-skills/dummy-dataset
生成逼真的测试数据集，可自定义列、约束与输出格式（CSV、JSON、SQL、Python 脚本）。在创建测试数据、构建模拟数据集或为开发与演示生成样例数据时使用。
io.github.Skyvern-AI/skyvern/testing
通过冒烟测试后端 API、前端渲染、浏览器会话供给与工作流执行，验证 Skyvern 部署是否正常工作。当用户说「Skyvern 是否正常」「测试我的部署」「验证安装」「冒烟测试」，或需要检查自托管/本地 Skyvern 实例是否健康时使用。
vdevelop
io.github.streamlit/streamlit/debugging-streamlit
使用 make debug 与热重载调试 Streamlit 前端与后端改动。在测试代码改动、排查缺陷、检查 UI 行为，或需要对运行中的应用截图时使用。
io.github.danielmiessler/LifeOS/Browser
基于 Playwright 的可视化验证与浏览器自动化，支持无头或有头 Chrome。适用场景：browser、截图、调试 Web、验证 UI、排查前端、自动化浏览器、浏览网站、审查 stories、运行 stories、recipe、Web 自动化。
io.github.danielmiessler/Personal_AI_Infrastructure/Browser
基于 Playwright 的可视化验证与浏览器自动化，支持无头或有头 Chrome。适用场景：browser、截图、调试 Web、验证 UI、排查前端、自动化浏览器、浏览网站、审查 stories、运行 stories、recipe、Web 自动化。
io.github.diegosouzapw/awesome-omni-skill/kubernetes-deployment-syeda-hoorain-ali
面向容器化应用的完整 Kubernetes 部署与扩缩容方案，从 hello world 到专业生产系统。在 Kubernetes 集群上部署、管理并扩展容器化应用时使用，尤其适配以 Minikube 进行本地开发与测试的场景。
io.github.aiskillstore/marketplace/mobile-developer
使用现代架构模式开发 React Native、Flutter 或原生移动应用。精通跨平台开发、原生集成、离线同步与应用商店优化。在移动功能、跨平台代码或应用优化场景下主动使用。
io.github.aiskillstore/marketplace/backend-dev-guidelines
针对 Node.js + Express + TypeScript 微服务的后端开发标准。涵盖分层架构、BaseController 模式、依赖注入、Prisma 仓储、Zod 校验、unifiedConfig、Sentry 错误追踪、异步安全与测试规范。
io.github.aiskillstore/marketplace/database
数据库开发与运维工作流，涵盖 SQL、NoSQL、数据库设计、迁移、优化与数据工程。
io.github.github/awesome-copilot/code-exemplars-blueprint-generator
技术栈无关的提示词生成器，可生成定制化 AI 提示以扫描代码库并识别高质量代码范例。支持多编程语言（.NET、Java、JavaScript、TypeScript、React、Angular、Python），分析深度、归类方式与文档格式均可配置，帮助团队确立编码标准并保持开发一致性。
io.github.PageAI-Pro/ralph-loop/component-refactoring
重构前端中高复杂度的 React 组件。当用户要求代码拆分、提取 Hook 或降低复杂度，或遇到难以理解的组件需要重构时使用。
io.github.Hack23/cia/typescript-strict-patterns
TypeScript 严格模式、类型安全、readonly 模式与类型守卫，用于 CI/CD 中使用的前端工具链。
io.github.affaan-m/ECC/eval-harness
面向 Claude Code 会话的正式评估框架，落实评估驱动开发（EDD）原则。
io.github.affaan-m/ECC/springboot-tdd
Spring Boot 的测试驱动开发，使用 JUnit 5、Mockito、MockMvc、Testcontainers 与 JaCoCo。在添加功能、修复 bug 或重构时使用。
io.github.anomalyco/opencode/cloudflare
覆盖 Cloudflare 平台的综合技能：Workers、Pages、存储（KV、D1、R2）、AI（Workers AI、Vectorize、Agents SDK）、网络（Tunnel、Spectrum）、安全（WAF、DDoS）与基础设施即代码（Terraform、Pulumi）。适用于任何 Cloudflare 开发任务。
