UI Components

Portfolio Deployment Workflow

by nguyenvuquochung

Cloudflare injects email-decode script Normal behavior; it wraps your <script> tag automatically for email obfuscation

LabLink 開発スキル集

by Kawakubo0423

zenbin

by twilson63

A pastebin like service for agents

pix-storybook

by CoRLab-Tech

Autonomous pixel-perfect Stencil component implementation using Figma MCP, Storybook, and Playwright MCP for visual testing and fixing.

code-style

by vnord

Style preferences—sentence-case, minimal comments and descriptions

comfyui-godot-environment-creator

by tippyentertainment

Skill for generating game-ready environments for Godot Engine 4.6 RC 1 using ComfyUI: tileable textures, skyboxes/panoramas, and concept shots, optionally in specific comic/graphic-novel styles (Image Comics, Dark Horse, Mirage).

pptx

by jinguichen21-cloud

Presentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for: (1) Creating new presentations, (2) Modifying or editing content, (3) Working with layouts, (4) Adding comments or speaker notes, or any other presentation tasks

SymbolPicker

by SzpakKamil

'Expert guidance on SymbolPicker, a native SwiftUI SF Symbol picker. Use when developers mention: (1) SymbolPicker, (2) selecting SF Symbols, (3) picking symbols with colors, (4) customizing symbol picker appearance, (5) cross-platform symbol selection (iOS, macOS, visionOS), (6) specific modifiers like .symbolPickerSymbolsStyle or .symbolPickerDismiss.'

yc-startup-websites-rules

by LevwTech

Comprehensive rules for building effective startup websites and landing pages. Use when building, reviewing, or improving a startup homepage, landing page, or marketing site. Covers messaging, CTAs, social proof, animation, layout, copywriting, onboarding, and more.

managing-local-vs-global-state

by djankies

Teaches when to use local state vs global state (Context) in React 19. Use when deciding state management strategy, avoiding prop drilling, or architecting component state.

design-user-advocate

by ShotaIuchi

User-centric design analysis. Apply when evaluating design proposals for end-user experience, developer experience, API usability, accessibility, and consumer satisfaction.

vercel-react-best-practices

by Lium-7768

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

android-adb-py

by httprunner

Android device control and UI automation via ADB. Use when tasks involve connecting to devices/emulators, running adb shell commands, tapping/swiping, key events, text input, app launch, screenshots, or general device management through adb.

domain-cli

by lywa1998

"Use when building CLI tools. Keywords: CLI, command line, terminal, clap, structopt, argument parsing, subcommand, interactive, TUI, ratatui, crossterm, indicatif, progress bar, colored output, shell completion, config file, environment variable, 命令行, 终端应用, 参数解析"

name

by iulspop

Suggests clear, descriptive names for functions and variables following consistent naming conventions. Use when naming new code constructs, renaming for clarity, or reviewing naming in code reviews.

tailwindcss-expert

by thanix-k

Enforce Tailwind CSS best practices across every component you touch. Apply these rules automatically whenever writing or reviewing Tailwind class lists, component variants, design tokens, or layout systems.

omcc-workflow

by Lynricsy

OMCC (Coder-Reviewer-Advisor) collaboration for code and document tasks. Use when: writing/modifying code, editing documents, implementing features, fixing bugs, refactoring, or code review. 协调 Coder 执行代码/文档改动，Reviewer 审核代码质量。

canvas-design

by kunhai-88

"使用设计哲学在 .png 和 .pdf 文档中创建精美视觉艺术。当用户要求创建海报、艺术品、设计或其他静态作品时使用。创建原创视觉设计，绝不复制现有艺术家作品以避免版权侵犯。"

logseq-plugin-dev

by 0xRichardH

"Comprehensive guide and resources for developing Logseq plugins. Use this skill when asked to: (1) Create a new Logseq plugin, (2) Implement features using the Logseq Plugin API (Editor, App, DB, UI), (3) Debug or refactor existing Logseq plugins, (4) Set up a development environment for Logseq plugins."

arinhub-code-reviewer

by arinhubcom

Use this skill to review code when using the "ah" prefix. Use when asked to "ah review code", "ah review code 123", or "ah review PR 123". Review code for correctness, maintainability, and adherence to project standards. Supports local branch changes and remote Pull Requests (by ID or URL).

impreza-wpbakery-dev

by lavderenterprise

"Use this skill for WordPress development with Impreza theme and WPBakery Page Builder. Triggers include: converting designs (described, visual, or Figma) to WordPress/Impreza code, creating WPBakery shortcodes, building Impreza pages, implementing responsive layouts, customizing Impreza elements, or any WordPress development task using the Impreza theme with WPBakery. Essential for producing copy-paste ready code that works seamlessly with Impreza theme structure."

powersync

by guillempuche

Build local-first, offline-capable TypeScript apps with PowerSync. Use when implementing real-time sync between SQLite and backend databases (Postgres, MongoDB, MySQL, SQL Server). Covers schema definition, database setup, CRUD operations, React/Vue hooks, watch queries, and Kysely/Drizzle ORM integration.

component-optimization

by code-visionary

React performance optimization patterns - React.memo, useMemo, useCallback, code splitting, and preventing unnecessary re-renders

fe-stack

by ingpdw

React, Next.js 16+, TypeScript, shadcn/ui, Tailwind CSS v4, Vite, Vitest 기반 프론트엔드 프로젝트의 기술스택 컨벤션 및 아키텍처 가이드. FE 코드 작성, 리뷰, 리팩토링 시 자동 참조.