UI Components

avalonia-zafiro-development

by automindtechnologie-jpg

Mandatory skills, conventions, and behavioral rules for Avalonia UI development using the Zafiro toolkit.

skeleton-dev

by finnan444

Build UI with Skeleton UI v4 (any framework). Use when creating, editing, or reviewing any component that uses Skeleton UI — buttons, modals, tabs, navigation, forms, cards, avatars, etc. Also use when questions involve Skeleton presets, color pairings, composed component patterns, or theming. Supports Svelte, React, and framework-agnostic usage.

smart-commit

by AutoFor

会話の文脈と変更内容を分析し、テーマごとにコミットを分割して作成する。

nexus-elements-nexus-provider

by availproject

Install and configure NexusProvider for Nexus Elements with full SDK lifecycle wiring. Use when setting up or debugging SDK initialization, wallet/provider connection, hook attachment (intent/allowance/swapIntent), balance preloads, exchange-rate support, and provider context consumption in React/TypeScript apps.

our-space

by T7SEN

Engineering guide for Our Space — a private two-user couples app at github.com/t7sen/our-space (deployed t7senlovesbesho.me, Android me.t7senlovesbesho). LOAD for ANY task in this repo: features, fixes, review, deployment, push routing, biometric gate, dom/sub permissions, Capacitor, Redis, server actions, presence, SSE. Triggers: OurSpace, t7senlovesbesho, Tasks/Rules/Ledger/Notes/Mood/SafeWord, FloatingNavbar, BiometricGate, FCMProvider, PushToast, Honor device, no-GMS, dom/sub, T7SEN, Besho, Sir, kitten. Stack: Next.js 16, React 19, Capacitor 8, Upstash Redis, Firebase Admin, shadcn/ui, Tailwind v4. Hosted-webapp Capacitor shell — server.url loads t7senlovesbesho.me, NOT bundled (no offline, no PWA). Enforces patterns invisible to training: globalThis casts, deferred setState, void vibrate, server-side role checks, FCM-only push, Cairo TZ keys. Skipping produces code that breaks on Android, leaks state, hallucinates removed deps (Serwist, VAPID, web-push), or violates the dom/sub model.

pagespeed-insights

by EnderPuentes

Audit web pages for performance optimization following PageSpeed Insights guidelines. Use when analyzing page performance, optimizing web applications, reviewing performance metrics, implementing Core Web Vitals improvements, or when the user mentions page speed, performance optimization, Lighthouse scores, or Core Web Vitals.

dark-mode-detection

by codingismynewgaming

Comprehensive dark mode detection patterns and algorithms for browser extensions. Use when analyzing websites for dark mode implementations, detecting theme switchers, identifying CSS/JavaScript dark mode patterns, or building browser extensions that need to detect dark mode. Triggers on dark mode, theme detection, prefers-color-scheme, data-theme, class toggling, and related queries.

devdocs-onboard

by ab300819

Generate project context summary for AI tool handover. Use when switching AI tools, starting new sessions, or onboarding team members. Triggers on keywords like "project context", "handover", "onboard", "项目上下文", "交接", "接手项目".

UI Designer

by anorbert-cmyk

World-class UI Designer creating clear, accessible, and polished interfaces with strong system thinking.

figma-illustration-import

by CoRLab-Tech

Import vector illustrations from Figma as reusable React atom components. Use when a component or page needs a custom illustration (NOT a standard Carbon icon). Triggers on requests like 'implement this illustration from Figma', 'add this Figma illustration', 'create illustration component', or when a Figma node contains a multi-layer vector illustration (lock, envelope, microscope, etc.). BEFORE creating a new illustration, always check if it already exists in apps/web-app/src/components/atoms/Illustration*.tsx and apps/web-app/public/assets/illustrations/.

VoyageDoc Design System — SKILL.md

by gilbatini

```

jam-prep-checklist

by karchtho

setup preparation readiness checklist pre-jam verification launch ready

react-synapse

by slashnot

A React state management library using Preact Signals with fine-grained reactivity. Use it when you need global state without providers, minimal re-renders, or immutable updates via draft mutations. Works with React 18+.

review

by pmco23

Use after /design to adversarially review the design document. Dispatches strategic-critic (Opus) and code-critic (Sonnet) in parallel — Opus for strategic critique grounded in Context7, Sonnet for code-grounded critique against the existing codebase. Lead deduplicates, runs cost/benefit analysis, loops until all MUST FIX findings resolve. Writes .pipeline/design.approved on loop exit.

Systems Engineering Skill

by HowardKao-1130

scrum-delivery-lead

by garbray

Scrum Master & Engineering-Oriented Delivery Lead with hands-on frontend/backend development experience. Interprets Technical Design Documents, reviews UX/UI designs, and understands product requirements to ensure delivery clarity. Breaks features into well-scoped Scrum stories (max 3 story points, Fibonacci estimation). Stories are sliced for incremental value, minimal risk, fast feedback. For every ticket provides: clear description, explicit acceptance criteria, expected behavior, constraints, and test case expectations (happy path + edge cases). Ensures stories are implementation-ready, testable, aligned with technical/product goals. Enables team to execute efficiently while maintaining high quality and predictable velocity. Use when creating sprint stories, planning sprints, estimating work, or breaking down features into tickets.

frontend-accessibility-best-practices

by Emerson1337

Accessibility (a11y) best practices for React components. Use when creating UI components, forms, interactive elements, or reviewing code for accessibility compliance.

research

by keenranger

Research topics via codebase exploration or external documentation. Use when user asks to research, explore, investigate, or says /research.

auto-decide

by mbaranovski

'Use when facing multiple implementation options, design alternatives, or architectural choices during planning, brainstorming, or coding. Triggers: "which approach", "option A vs B", "we could either...", or any choice between implementation paths that would otherwise stall progress.'

prd-generator

by oyi77

Generate detailed Product Requirement Documents (PRDs) from feature descriptions. Create structured specifications ready for implementation.

refactor

by Evan-acg

"Before refactoring, this process must be used. Through collaborative dialogue, we will explore user intent, requirements, and design solutions in depth."

presentation

by robdmc

Build a Marp presentation from a sketch file. Invoke as "/presentation <filename>". If no filename is given, ask for one. If the file does not exist, create a skeleton sketch at that path. If the file exists, build and compile the presentation from it.

SKILL — FindATruck AI Engineer & Product Guardian

by Jezza5153

You are here to ship a stable, fast, trustworthy product.

ogt-docs-define-branding

by OpenDNDApps

Create brand definition documents covering visual identity, tone of voice, brand guidelines, and brand assets. Use when establishing or documenting brand identity and ensuring consistent brand expression.