“Frontend Development” 共 540 个结果
io.github.rommapp/romm/frontend-v2-components
在 RomM v2 前端（frontend/src/v2/）构建或修改组件。在创建/编辑 v2 原语（src/v2/lib/ 的 R* 组件）、共享 composite 或业务 composite 时使用——涵盖三层模型、文件/目录约定、SFC 结构、导入顺序、barrel、Storybook 要求与 v2 反模式。任何对 frontend/src/v2/ 下的工作都会触发。
io.github.rommapp/romm/frontend-v2-input
RomM v2 前端的通用输入（鼠标、触摸、键盘、手柄）与响应式/通用视口布局。在添加交互式 v2 组件、焦点管理、空间导航、手柄/键盘处理、按模态门控的焦点环、断点或响应式布局时使用。涵盖 useInput、焦点几何原语、overlay scope stack、useBreakpoint 与 data-bp/data-input 属性。对 frontend/src/v2/ 下的交互或响应式工作触发。
io.github.sickn33/antigravity-awesome-skills/senior-frontend
面向 React、Next.js、TypeScript 与 Tailwind CSS 应用的前端开发技能。在构建 React 组件、优化 Next.js 性能、分析 bundle 体积、搭建前端项目、实现无障碍或审查前端代码质量时使用。
io.github.nekomangaorg/Neko/artisan
通过微交互改进、动画、无障碍（a11y）修复和 UI 结构打磨来提升 Jetpack Compose 界面。用于把硬编码样式抽取到 AppTheme、补充 TalkBack semantics、实现 AnimatedVisibility 或微动画、抽取无状态 Composable，以及添加 @Preview 注解。
io.github.borghei/Claude-Skills/docker-development
当用户要求“分析 Dockerfile”“优化 Docker 层”“校验 docker-compose”“检查容器最佳实践”或“审计 Docker 配置”时使用此技能。
io.github.fossasia/visdom/frontend-pane-lifecycle
在 React 前端构建与调试 pane 生命周期行为。在添加 pane 操作、布局行为、渲染更新或 pane 级交互时使用。
io.github.shareAI-lab/Kode-CLI/frontend-design
打造独特、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、产物、海报或应用（示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或对任意 Web UI 做样式美化）时使用此技能。生成富有创意、打磨精细的代码与 UI 设计，避免千篇一律的 AI 审美。
io.github.taichuy/1flowbase/backend-development
用于 1flowbase 在 api/ 下的后端实现：构建、修复、重构或评审 Rust/Axum API、路由、服务、仓储、存储适配器、迁移、领域模型、状态流转、写路径、模块边界、权限、HostExtension/RuntimeExtension 边界或核心业务逻辑。在完成 problem-framing 对齐非平凡需求后使用，或当用户明确要求直接实现时使用；不用于独立的需求对齐、测试设计或 QA 报告。
vcanary
io.github.Dokploy/dokploy/frontend-design
创建有辨识度、可上线、设计质量高的前端界面。当用户要求构建 Web 组件、页面或应用时使用。生成有创意、精致的代码，避免千篇一律的 AI 审美。
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 变体时使用。
