UI Components

8bit-docs-patterns

by TheOrcDev

Create documentation with gaming-specific examples, retro styling, and 8-bit terminology. Apply when documenting gaming blocks, RPG components, or retro-styled UI elements.

canva-automation

by aAAaqwq

"Automate Canva tasks via Rube MCP (Composio): designs, exports, folders, brand templates, autofill. Always search tools first for current schemas."

basecamp-automation

by aAAaqwq

Automate Basecamp project management, to-dos, messages, people, and to-do list organization via Rube MCP (Composio). Always search tools first for current schemas.

fumadocs-registry-integration

by TheOrcDev

Register 8-bit components in registry.json for shadcn/ui add command. Apply when adding new components to the component library distribution.

rendering-animate-svg

by TheOrcDev

Wrap animated SVG elements in a div to enable hardware acceleration. Apply when animating SVG icons or elements, especially in 8-bit retro components with pixel art animations.

rerender-functional-setstate

by TheOrcDev

Use functional setState updates to prevent stale closures and unnecessary callback recreations. Apply when updating state based on the current state value in React components.

fumadocs-component-docs

by TheOrcDev

Create component documentation with installation, usage examples, and preview sections. Apply when documenting 8-bit components with proper structure and examples.

animation-performance-retro

by TheOrcDev

Optimize 8-bit animations for smooth performance. Apply when creating animated pixel art, game UI effects, or any retro-styled animations.

gaming-ui-state-management

by TheOrcDev

Patterns for game-like interfaces - health bars, XP bars, mana bars. Apply when building RPG/retro gaming UI components with state-driven visuals.

fumadocs-mdx-structure

by TheOrcDev

Create MDX documentation files with proper frontmatter, imports, and component integration. Apply when creating or updating Fumadocs documentation pages in content/docs/.

shadcn-ui-conventions

by TheOrcDev

UI component conventions for 8-bit styled components. Use when working with shadcn/ui components or implementing retro-styled UI elements.

registry-component-patterns

by TheOrcDev

Register components in registry.json for shadcn/ui add command. Apply when adding new 8-bit components to the component library.

Major Arcana → Color Palettes & Moods

by HermeticOrmus

"Each card is a portal to an emotional landscape. Choose the door your users should walk through."

robius-app-architecture

by ZhangHanDong

CRITICAL: Use for Robius app architecture patterns. Triggers on: Tokio, async, submit_async_request, 异步, 架构, SignalToUI, Cx::post_action, worker task, app structure, MatchEvent, handle_startup

business-analyst

by aAAaqwq

"Master modern business analysis with AI-powered analytics,"

accord

by simota

ビジネス・開発・デザイン3チーム横断の統合仕様パッケージを作成。段階的詳細化テンプレート（L0ビジョン→L1要件→L2チーム別詳細→L3受入基準）で共通認識を形成。コードは書かない。

circular-economy

by kishorkukreja

When the user wants to implement circular economy principles, design closed-loop supply chains, or optimize reverse logistics. Also use when the user mentions "circular supply chain," "product lifecycle," "recycling," "remanufacturing," "refurbishment," "product returns," "waste reduction," "cradle-to-cradle," "regenerative design," or "resource recovery." For carbon tracking, see carbon-footprint-tracking. For sustainable sourcing, see sustainable-sourcing.

json-ui

by actionbook

CRITICAL: Use for json-ui component rendering and development. Triggers on: json-ui, json render, component catalog, report render, HTML report, I18nString, i18n, bilingual, language switch, dual language, PaperHeader, AuthorList, Abstract, MetricsGrid, Section, Highlight, Zod schema, catalog.ts, cli.ts, components/index.tsx, "how to add a component", "how to render JSON", JSON 渲染, 组件目录, 报告渲染, 多语言, 中英文切换

Customize Markdown

by SSShooter

Guide for customizing markdown rendering in Mind Elixir nodes, including using third-party libraries.

Streaming Mindmap Rendering

by SSShooter

Implement real-time streaming mindmap rendering using Mind Elixir in web applications. Supports streaming text parsing and incremental updates.

Export Mind Map as Image

by SSShooter

Guide for exporting mind maps as images using @zumer/snapdom.

toBeBetterJavaer

by itwanger

一份通俗易懂、风趣幽默的Java学习指南，内容涵盖Java基础、Java并发编程、Java虚拟机、Java企业级开发、Java面试等核心知识点。学Java，就认准二哥的Java进阶之路😄

aerospace-supply-chain

by kishorkukreja

When the user wants to optimize aerospace and defense supply chains, manage long lead-time components, handle MRO operations, or ensure AS9100 compliance. Also use when the user mentions "aerospace supply chain," "aviation manufacturing," "MRO supply chain," "AS9100," "aircraft parts," "defense procurement," "AOG support," "airworthiness," "ITAR compliance," "aerospace certification," or "aviation aftermarket." For general manufacturing, see production-scheduling. For quality, see quality-management.

Ai Audio Production

by omer-metin