UI 组件
基于代码的 UI 组件生成与样式实现
code-reviewer
google-gemini
Use this skill to review code. It supports both local changes (staged or working tree)
jira-task
Gentleman-Programming
Creates Jira tasks following Prowler's standard format. Trigger: When user asks to create a Jira task, ticket, or issue.
sdd-tasks
Gentleman-Programming
Break down a change into an implementation task checklist. Trigger: When the orchestrator launches you to create or update the task breakdown for a change.
sdd-apply
Gentleman-Programming
Implement tasks from the change, writing actual code following the specs and design. Trigger: When the orchestrator launches you to implement one or more tasks from a change.
sdd-propose
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-tasks
Gentleman-Programming
Break down a change into an implementation task checklist. Trigger: When the orchestrator launches you to create or update the task breakdown for a change.
sdd-design
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-verify
Gentleman-Programming
Validate that implementation matches specs, design, and tasks. Trigger: When the orchestrator launches you to verify a completed (or partially completed) change.
jira-epic
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
Gentleman-Programming
Tailwind CSS 4 patterns and best practices. Trigger: When styling with Tailwind - cn(), theme variables, no var() in className.
react-19
Gentleman-Programming
React 19 patterns with React Compiler. Trigger: When writing React components - no useMemo/useCallback needed.
jira-epic
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
Gentleman-Programming
Tailwind CSS 4 patterns and best practices. Trigger: When styling with Tailwind - cn(), theme variables, no var() in className.
sdd-design
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-apply
Gentleman-Programming
Implement tasks from the change, writing actual code following the specs and design. Trigger: When the orchestrator launches you to implement one or more tasks from a change.
sdd-propose
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
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
Gentleman-Programming
React 19 patterns with React Compiler. Trigger: When writing React components - no useMemo/useCallback needed.
jira-task
Gentleman-Programming
Creates Jira tasks following Prowler's standard format. Trigger: When user asks to create a Jira task, ticket, or issue.
port-from-bslib
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.
visual-verdict
Yeachan-Heo
Structured visual QA verdict for screenshot-to-reference comparisons
web-clone
Yeachan-Heo
URL-driven website cloning with visual + functional verification
frontend-ui-ux
Yeachan-Heo
Designer-developer for UI/UX work
brainstorming
guanyang
"You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation."