UI Components
Code-based UI component generation and styling
robius-event-action
by ZhangHanDong
CRITICAL: Use for Robius event and action patterns. Triggers on: custom action, MatchEvent, post_action, cx.widget_action, handle_actions, DefaultNone, widget action, event handling, 事件处理, 自定义动作
makepad-router
by ZhangHanDong
"CRITICAL: Use for ALL Makepad/Robius questions including widgets, layout, events, and shaders.
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
makepad-splash
by ZhangHanDong
CRITICAL: Use for Makepad Splash scripting language. Triggers on: splash language, makepad script, makepad scripting, script!, cx.eval, makepad dynamic, makepad AI, splash 语言, makepad 脚本
robius-state-management
by ZhangHanDong
CRITICAL: Use for Robius state management patterns. Triggers on: AppState, persistence, theme switch, 状态管理, Scope::with_data, save state, load state, serde, 状态持久化, 主题切换
robius-widget-patterns
by ZhangHanDong
CRITICAL: Use for Robius widget patterns. Triggers on: apply_over, TextOrImage, modal, 可复用, 模态, collapsible, drag drop, reusable widget, widget design, pageflip, 组件设计, 组件模式
makepad-basics
by ZhangHanDong
CRITICAL: Use for Makepad getting started and app structure. Triggers on: makepad, makepad getting started, makepad tutorial, live_design!, app_main!, makepad project setup, makepad hello world, "how to create makepad app", makepad 入门, 创建 makepad 应用, makepad 教程, makepad 项目结构
voice-extractor
by BrianRWagner
Extract and document someone's authentic writing voice from samples. Use when someone needs a "voice guide," wants to capture their writing DNA, or needs to train AI to write in their style. Also useful for ghostwriting, brand voice documentation, or onboarding writers.
sc-implement
by htlin222
Feature and code implementation with intelligent persona activation and MCP integration. Use when user asks to implement features, components, or code functionality.
mobile
by htlin222
Develop React Native or Flutter apps with native integrations. Use for mobile development, cross-platform code, or app optimization.
sc-document
by htlin222
Create focused documentation for specific components or features. Use when user needs documentation for code, APIs, or specific features.
backend
by htlin222
Design APIs, microservices, and database schemas. Use for server-side development, API design, or system architecture.
architect
by htlin222
Design system architecture, APIs, and component interfaces. Use for architectural decisions and system design.
legacy
by htlin222
Modernize legacy codebases, migrate frameworks, and reduce technical debt. Use for legacy system updates or framework migrations.
consort-check
by htlin222
Use when auditing a randomized controlled trial manuscript against the CONSORT 2025 checklist. Triggers on RCTs, randomized trials, clinical trials, intervention studies with randomization, parallel-group designs, crossover trials, or factorial designs.
design-lab
by 0xdesign
Conduct design interviews, generate five distinct UI variations in a temporary design lab, collect feedback, and produce implementation plans. Use when the user wants to explore UI design options, redesign existing components, or create new UI with multiple approaches to compare.
erpnext-syntax-jinja
by OpenAEC-Foundation
Deterministic Jinja template syntax for ERPNext/Frappe Print Formats, Email Templates, and Portal Pages
behavioral-product-design
by RefoundAI
Help users apply behavioral science to product design. Use when someone is designing for habit formation, reducing friction, applying psychology to UX, increasing retention through behavioral principles, or using nudges to influence user behavior.
looking-up-docs
by julianobarbosa
Look up library documentation using Context7. Use when needing API reference, library docs, framework documentation, or technical documentation lookup. Provides up-to-date, version-specific docs and code examples.
artifacts-builder
by MiniMax-AI
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
mckinsey-consultant
by Mann1988
McKinsey顾问式问题解决系统。从商业问题出发,通过假设驱动的结构化分析方法,生成McKinsey风格研究报告和PPT。融合Problem Solving方法论、MECE原则、Issue Tree拆解、Hypotheses形成、Dummy Page设计、智能数据收集和专业PPT生成能力。
wix-cli-dashboard-page
by wix
Use when building admin interfaces, management pages, CRUD operations, or dashboard configuration UIs. Triggers include dashboard, admin panel, data management, settings pages.
code-changelog
by bear2u
AI가 만든 모든 코드 변경사항을 reviews 폴더에 기록하고 간단한 HTML 뷰어로 웹 브라우저에서 실시간 확인할 수 있습니다. 매 수정마다 문서가 생성되고 Python 서버로 즉시 확인 가능합니다.
flutter-init
by bear2u
Use when user wants to create a new Flutter project (Todo/Habit/Note/Expense/Custom domain) with Clean Architecture, Riverpod 3.0, Drift, and modern Flutter stack