svelte-ui-standards
Coding standards and UI guidelines for the PolyFlup Svelte dashboard.
Coding standards and UI guidelines for the PolyFlup Svelte dashboard.
Complete theme development guide including file structure, JSON templates, sections, snippets, settings schema, and Online Store 2.0 architecture. Use when creating Shopify themes, organizing theme files, building sections and blocks, working with .json template files, configuring settings_schema.json, creating snippets, or implementing theme customization features.
Apply opinionated styling to barebones HTML. Use when user has plain/unstyled HTML and wants to apply consistent visual styling. Triggers: style this HTML, apply styling, make this look good, /html-style, or when user shares HTML that needs CSS. Transforms tables, lists, status indicators, buttons, and layouts into a cohesive design system.
Build Backstage frontend plugins with the new Frontend System: createFrontendPlugin, blueprints, routes, Utility APIs, testing. Use for pages, nav, entity content, or cards.
Find startup credits, perks, and offers you may have but aren't using. Use when: (1) User wants to inventory available credits/perks across accounts, (2) User asks 'do I have a deal for X?' when signing up for something new, (3) User mentions banking, cloud, or VC relationships. Searches known programs + email for forgotten offers.
Provide the information about the `<LazyComponent>`. Show the common use cases, basic usage, and critical development Advises.
Implement Next.js 16 Cache Components with use cache directives, Suspense boundaries, and cacheLife profiles. Use when optimizing page performance or migrating components to cache mode.
Recommend appropriate HeroUI components for new features and ensure proper usage. Use when implementing new UI features or migrating from shadcn/ui to HeroUI.
Create scroll-triggered and entrance animations using Framer Motion (motion package). Use when adding animations, implementing scroll reveals, or migrating from CSS/Intersection Observer.
Add or customize HeroUI components in the web application. Use when implementing new UI features with HeroUI design system or updating component styling.
Enforce consistent React component naming conventions using domain + role patterns. Use when creating, reviewing, or refactoring components.
Modern web development patterns using React + Tailwind CSS + shadcn/ui for building production-quality, accessible, and performant web applications
Add or customize shadcn/ui components in the shared UI package. Use when adding new components from shadcn registry or updating existing component variants.
Create or update Next.js server actions for blog and analytics functionality. Use when adding form handlers, data mutations, or server-side logic in the web app.
Godot 核心玩法逻辑开发专家,支持自然语言描述自动实现角色控制、物理系统、游戏规则等核心功能
Godot 资源与动画创建专家,支持自然语言描述自动完成精灵导入、动画配置、特效制作、音效集成等资源工作
Godot 性能优化与适配专家,支持自然语言描述自动完成分辨率适配、性能分析、内存优化、帧率提升等优化工作
Godot UI界面系统开发专家,支持自然语言描述自动创建菜单、HUD、对话框、响应式布局等完整UI系统
自动检测和修复Godot 3.x与4.x之间的API兼容性问题,基于实际项目经验提供针对性解决方案
自动检测和修复Godot 3.x与4.x之间的API兼容性问题,基于实际项目经验提供针对性解决方案
Godot 产品美化与打磨专家,支持自然语言描述自动完成视觉效果增强、音效优化、用户体验改进、成品包装等美化工作