UI 组件
基于代码的 UI 组件生成与样式实现
maquina-ui-standards
maquina-app
Build consistent, accessible UIs in Rails using maquina_components. Use this skill when implementing UI for features, creating views, building forms, or reviewing UI specs. Triggers on view creation, UI implementation, form building, layout design, or mentions of maquina_components usage.
queue-processing-patterns
proflead
Design safe queue consumers and retries. Use when a mid-level developer needs reliable background processing.
multi-region-strategy
proflead
Design a multi-region architecture strategy. Use when a senior developer needs geo-redundant planning.
domain-modeling
proflead
Model domains and bounded contexts for complex systems. Use when a senior developer needs domain-driven design guidance.
css-layout-helper
proflead
Explain CSS layout issues and propose fixes. Use when a junior developer is struggling with alignment or spacing.
function-docstrings
proflead
Write concise docstrings for functions. Use when a junior developer needs help describing inputs, outputs, and errors.
workos-authkit-tanstack-start
workos
Integrate WorkOS AuthKit with TanStack Start applications. Full-stack TypeScript with server functions. Use when project uses TanStack Start, @tanstack/start, or vinxi.
workos-authkit-react
workos
Integrate WorkOS AuthKit with React single-page applications. Client-side only authentication. Use when the project is a React SPA without Next.js or React Router.
shadcn-hooks
Debbl
Apply shadcn-hooks React hooks where appropriate to build concise, maintainable React features.
workos-authkit-react-router
workos
Integrate WorkOS AuthKit with React Router applications. Supports v6 and v7 (Framework, Data, Declarative modes). Use when project uses react-router, react-router-dom, or mentions React Router authentication.
🎨 UI/UX Pro Max - Design Intelligence System
Dokhacgiakhoa
Created by Antigravity Orchestrator - Based on Premium Design Frameworks.
⚡ High-Performance Web Engineering
Dokhacgiakhoa
Created by Antigravity Orchestrator - Powered by Elite Web Ecosystem Wisdom.
shipwright
sailscastshq
Shipwright build system for The Boring JavaScript Stack — Rsbuild-based asset pipeline replacing Grunt, with framework plugins for React/Vue/Svelte, Tailwind CSS, SSR support, and dev server with HMR. Use this skill when configuring builds, managing assets, or debugging the development server.
inertia
sailscastshq
Inertia.js server-side rendering, redirects, shared data, forms, validation, and client-side patterns for The Boring JavaScript Stack. Use this skill when building pages, handling form submissions, managing redirects, sharing data, or working with any Inertia.js feature in a Sails.js application.
realtime
sailscastshq
WebSocket and realtime communication with sails-hook-sockets for Sails.js applications. Use this skill when building chat, notifications, live updates, presence tracking, or any feature that requires persistent bidirectional communication between server and client.
durable-ui
sailscastshq
Durable UI patterns for modern web development — persisting client-side state across page loads, browser sessions, and shareable URLs. Use this skill when implementing localStorage persistence, URL query parameter state, form draft auto-save, multi-step wizard persistence, click-outside dismissal, modal/dialog backdrop patterns, or any client-side state and interaction pattern that should be resilient and well-behaved. Works with React, Vue, and Svelte.
ai-tool-designer
nityeshaga
Guide for designing effective tools for AI agents. Use when creating tools for custom agent systems or any AI tool interfaces. Provides principles for tool naming, input/output design, error handling, and evaluation methodologies that maximize agent effectiveness.
mapbox-cartography
mapbox
Expert guidance on map design principles, color theory, visual hierarchy, typography, and cartographic best practices for creating effective and beautiful maps with Mapbox. Use when designing map styles, choosing colors, or making cartographic decisions.
mapbox-integration-patterns
mapbox
Official integration patterns for Mapbox GL JS across popular web frameworks. Covers setup, lifecycle management, token handling, search integration, and common pitfalls. Based on Mapbox's create-web-app scaffolding tool.
mapbox-style-quality
mapbox
Expert guidance on validating, optimizing, and ensuring quality of Mapbox styles through validation, accessibility checks, and optimization. Use when preparing styles for production, debugging issues, or ensuring map quality standards.
mapbox-style-patterns
mapbox
Common style patterns, layer configurations, and recipes for typical mapping scenarios including restaurant finders, real estate, data visualization, navigation, and more. Use when implementing specific map use cases or looking for proven style patterns.
dhh-rails-expert
nityeshaga
Expert at writing and reviewing Rails code following DHH's style as practiced at 37signals. Use when writing new Rails code, reviewing Rails code, making architectural decisions in Rails apps.
jira-lifecycle-management
grandcamel
"Manage issue lifecycle through workflow transitions and status changes. Control who does what and when via assignments, versions, and components."
go-performance
cxuu
Go performance patterns including efficient string handling, type conversions, and container capacity hints. Use when optimizing Go code or writing performance-critical sections.