makepad-patterns
Production-ready widget patterns for Makepad applications. Use when implementing modals, overlays, lists, navigation, async data loading, or complex widget compositions in Makepad projects.
makepad-rust
Rust patterns and best practices specific to Makepad UI development. Covers widget ownership (WidgetRef, WidgetSet), lifetime management, derive macros (Live, Widget), state management, async architecture with tokio integration (why UI/async separation is needed, global runtime pattern, request channels, response mechanisms like SignalToUI and Cx::post_action), platform-specific code, Unicode/grapheme handling for CJK and emoji text, and performance optimization. Use when writing Rust code for Makepad applications.
frontend-development
前端页面开发。当用户需要开发 Web 应用、创建 UI 组件、实现交互功能或优化前端性能时使用此技能。
liveview-patterns
Phoenix LiveView UI and real-time feature patterns
generating-frontend-styleguides
Use when asked to create or edit style guides, design systems, component libraries, or update existing frontend components for web projects
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
kotlin-compose
Jetpack Compose - composables, state, effects, theming
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
modern-frontend-design
Comprehensive frontend design system for creating distinctive, production-grade interfaces that avoid generic AI aesthetics. Use when users request web components, pages, applications, or any frontend interface. Provides design workflows, aesthetic guidelines, code patterns, animation libraries, typography systems, color theory, and anti-patterns to create memorable, context-specific designs that feel genuinely crafted rather than generated.
gomponents
Guide for working with gomponents, a pure Go HTML component library. Use this skill when reading or writing gomponents code, or when building HTML views in Go applications.
rails-viewcomponents
Specialized skill for building ViewComponents with Hotwire (Turbo & Stimulus). Use when creating reusable UI components, implementing frontend interactions, building Turbo Frames/Streams, or writing Stimulus controllers. Includes component testing with Lookbook.
reflex
Build and debug Reflex (rx) UIs in this repo. Use for editing ui/*.py, choosing rx components, fixing Var/conditional/foreach issues, and applying responsive/layout patterns from the Reflex docs.
