- Home
- /
- Categories
- /
- UI Components
UI Components
Code-based UI component generation and styling
sdd-verify
by Gentleman-Programming
Validate that implementation matches specs, design, and tasks. Trigger: When the orchestrator launches you to verify a completed (or partially completed) change.
react-19
by Gentleman-Programming
React 19 patterns with React Compiler. Trigger: When writing React components - no useMemo/useCallback needed.
jira-epic
by Gentleman-Programming
Creates Jira epics for large features following Prowler's standard format. Trigger: When user asks to create an epic, large feature, or multi-task initiative.
tailwind-4
by Gentleman-Programming
Tailwind CSS 4 patterns and best practices. Trigger: When styling with Tailwind - cn(), theme variables, no var() in className.
sdd-design
by Gentleman-Programming
Create technical design document with architecture decisions and approach. Trigger: When the orchestrator launches you to write or update the technical design for a change.
sdd-propose
by Gentleman-Programming
Create a change proposal with intent, scope, and approach. Trigger: When the orchestrator launches you to create or update a proposal for a change.
sdd-verify
by Gentleman-Programming
Validate that implementation matches specs, design, and tasks. Trigger: When the orchestrator launches you to verify a completed (or partially completed) change.
react-19
by Gentleman-Programming
React 19 patterns with React Compiler. Trigger: When writing React components - no useMemo/useCallback needed.
jira-task
by Gentleman-Programming
Creates Jira tasks following Prowler's standard format. Trigger: When user asks to create a Jira task, ticket, or issue.
godot-game-loop-collection
by thedivergentai
Use when implementing collection quests, scavenger hunts, or "find all X" objectives.
code-review-small
by breaking-brake
Quick code review for small PRs (<100 lines). Focuses on basic code quality, naming conventions, and obvious bugs.
weapp-tailwindcss
by sonofmagic
帮助用户在 uni-app、taro、原生小程序与 uni-app x 项目中集成 weapp-tailwindcss,并输出 Tailwind CSS 写法最佳实践(动态类、任意值、rpx、merge、content/@source)与排障步骤。
scientific-critical-thinking
by sonofmagic
"Evaluate research rigor. Assess methodology, experimental design, statistical validity, biases, confounding, evidence quality (GRADE, Cochrane ROB), for critical analysis of scientific claims."
port-from-bslib
by posit-dev
Comprehensive guide for porting UI components from R's bslib package to py-shiny. Use this skill when: (1) User asks to "port this feature" or "port a component" and mentions bslib or links to a bslib PR (e.g., github.com/rstudio/bslib/pull/...), (2) Porting a new component from bslib to py-shiny, (3) Adding a new input, output, or UI component that exists in bslib, (4) Implementing feature parity with bslib, (5) Working on bslib-related features or components. Covers the complete workflow including understanding source implementation, creating Python equivalents, vendoring assets (SCSS, CSS, JavaScript), creating tests, documentation, and all necessary project files.
architecture
by F0x1d
This skill defines the only right architecture for android projects. Activate when doing big tasks (related to several files and their interconnections) in this project
preview-import
by adobe
Preview and verify imported content in local AEM Edge Delivery Services dev server. Validates rendering, compares with original page, and troubleshoots common issues.
brand-systems
by HermeticOrmus
Building comprehensive brand identity systems from strategy to implementation. Covers logo design, color palettes, typography pairing, voice guidelines, and system documentation. Use when creating new brands, rebranding, or systematizing existing identities.
godot-autoload-architecture
by thedivergentai
"Expert patterns for Godot AutoLoad (singleton) architecture including global state management, scene transitions, signal-based communication, dependency injection, autoload initialization order, and anti-patterns to avoid. Use for game managers, save systems, audio controllers, or cross-scene resources. Trigger keywords: AutoLoad, singleton, GameManager, SceneTransitioner, SaveManager, global_state, autoload_order, signal_bus, dependency_injection."
email-notifications
by groeimetai
This skill should be used when the user asks to "create notification", "email notification", "send email", "notification script", "email template", "sysevent_email_action", "notify user", "alert", or any ServiceNow email and notification development.
high-dynamic-video-choreographer
by amao2001
Analyzes a theme or image to design a sequence of 5 high-energy, logically connected action beats for AI video generation. Features a recursive optimization process to ensure physical momentum and visual diversity.
openspec-explore
by rivet-dev
Enter explore mode - a thinking partner for exploring ideas, investigating problems, and clarifying requirements. Use when the user wants to think through something before or during a change.
openspec-verify-change
by rivet-dev
Verify implementation matches change artifacts. Use when the user wants to validate that implementation is complete, correct, and coherent before archiving.
marko-best-practices
by marko-js
Apply Marko syntax and best practices when editing .marko files and building Marko components.
delegating-work
by RefoundAI
Help users delegate effectively. Use when someone is struggling to let go of tasks, deciding what to delegate, building team autonomy, or balancing being hands-on vs hands-off.