Web & Frontend

jiaiyan Skill

Time picker component for selecting time. Invoke when user needs to implement time selection, time range selection, or custom time formats.

jiaiyan Skill

Tree select component for selecting from hierarchical data. Invoke when user needs to implement category selection with parent-child structure.

jiaiyan Skill

Action sheet component for displaying a bottom modal panel with multiple options. Invoke when user needs to implement action selection menus, option lists, or custom bottom panels.

jiaiyan Skill

Address editing component for creating, updating, and deleting receiving addresses. Invoke when user needs to implement address management functionality.

jiaiyan Skill

Address list component for displaying and managing multiple receiving addresses. Invoke when user needs to implement address selection or management functionality.

jiaiyan Skill

Contact card component for displaying contact information in card format. Invoke when user needs to implement contact selection or display functionality.

jiaiyan Skill

Contact editing component for creating and updating contact information. Invoke when user needs to implement contact management functionality.

jiaiyan Skill

Contact list component for displaying and managing contacts. Invoke when user needs to implement contact selection or management functionality.

jiaiyan Skill

Picker group component for combining multiple pickers. Invoke when user needs to select multiple values from different pickers, like date and time together.

jiaiyan Skill

Pull refresh component for implementing pull-to-refresh functionality. Invoke when user needs to implement list refresh, page refresh, or pull-down loading interactions.

jiaiyan Skill

Rolling text animation component for numbers and text. Invoke when user needs to create animated number counters, rolling text effects, or slot machine-style animations.

jiaiyan Skill

Dropdown menu component for displaying collapsible filter options. Invoke when user needs to implement dropdown filters, sorting options, or collapsible selection menus.

jiaiyan Skill

Image preview component for displaying and zooming images. Invoke when user needs to implement image galleries, photo viewers, or image zoom functionality.

howard-lynn-ye Skill

The tearsheet library whose cagr(rf=...) accepts your risk-free rate and silently discards it - "cagr" sits on an exclusion list inside _prepare_returns, which dispatches on the caller's function name. TRIGGER - quantstats, "import quantstats as qs", qs.reports.html, qs.stats.sharpe, qs.stats.cagr, qs.stats.value_at_risk, expected_shortfall, gain_to_pain_ratio, rolling_volatility, qs.extend_pandas, tearsheet, quantstats-lumi; or a wildly negative Sharpe. Memory is stale on status and correctness - 0.0.81 shipped in a single-day hotfix burst on 2026-01-13 with no default-branch commits since, and the cagr bug survived it. SKIP for optimizing against these measures (lib-riskfolio, lib-skfolio) and for PSR/DSR, which it does not have (backtest-validation). SKIP when the question is WHICH library to choose, or names no library at all - both belong to the domain skill.

dallascrilley Bundle

This skill provides comprehensive knowledge for working with the Anthropic Messages API (Claude API). It should be used when integrating Claude models into applications, implementing streaming responses, enabling prompt caching for cost savings, adding tool use (function calling), processing images with vision capabilities, or using extended thinking mode. Use when building chatbots, AI assistants, content generation tools, or any application requiring Claude's language understanding. Covers both server-side implementations (Node.js, Cloudflare Workers, Next.js) and direct API access. Keywords: claude api, anthropic api, messages API, @anthropic-ai/sdk, claude streaming, prompt caching, tool use, vision, extended thinking, claude 3.5 sonnet, claude 3.7 sonnet, claude sonnet 4, function calling, SSE, rate limits, 429 errors

dallascrilley Bundle

Comprehensive Clerk authentication integration for React, Next.js, and Cloudflare Workers. Covers setup, protected routes, JWT verification, middleware, shadcn/ui components, and troubleshooting.

dallascrilley Bundle

Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. Use when: initializing React projects with Tailwind v4, setting up shadcn/ui, implementing dark mode, debugging CSS variable issues, fixing theme switching, migrating from Tailwind v3, or encountering color/theming problems. Covers: @theme inline pattern, CSS variable architecture, dark mode with ThemeProvider, component composition, vite.config setup, common v4 gotchas, and production-tested patterns. Keywords: Tailwind v4, shadcn/ui, @tailwindcss/vite, @theme inline, dark mode, CSS variables, hsl() wrapper, components.json, React theming, theme switching, colors not working, variables broken, theme not applying

dallascrilley Bundle

Extract structured data from websites using crawl4ai CLI. Generate CSS extraction schemas, create crawler configs for dynamic content, and build complete scraping workflows with Chrome MCP inspection and automated validation. Use when scraping websites, extracting product data, monitoring content changes, or handling JavaScript-heavy sites. Keywords - crwl, web scraping, CSS selectors, Chrome MCP, output validation, XPath, LLM extraction, crawl4ai.

dallascrilley Bundle

This skill provides comprehensive knowledge for building type-safe, validated forms in React using React Hook Form and Zod schema validation. Use when: building forms with validation in React, integrating Zod schema validation with React Hook Form, using shadcn/ui Form or Field components, implementing client and server-side validation with a single schema, handling complex validation scenarios (nested objects, arrays, conditional fields, async validation), building multi-step forms or wizards, implementing dynamic form fields with useFieldArray, optimizing form performance and re-renders, ensuring accessible form error handling, or debugging form validation issues. Keywords: react-hook-form, useForm, zod validation, zodResolver, @hookform/resolvers, form schema, register, handleSubmit, formState, useFieldArray, useWatch, useController, Controller, shadcn form, Field component, client server validation, nested validation, array field validation, dynamic fields, multi-step form, async validation, zod refine, z

dallascrilley Bundle

Generate web assets including favicons, app icons (PWA), and social media meta images (Open Graph) for Facebook, Twitter, WhatsApp, and LinkedIn. Use when users need icons, favicons, social sharing images, or Open Graph images from logos or text slogans. Handles image resizing, text-to-image generation, and provides proper HTML meta tags.

dallascrilley Bundle

Use this skill when creating or improving technical documentation including user guides, tutorials, README files, API documentation, architecture docs, or when enhancing content clarity and accessibility. This includes writing getting started guides, documenting code, creating ADRs (Architecture Decision Records), establishing writing standards, organizing documentation structure, or restructuring complex technical content for better understanding.

dallascrilley Bundle

Production-tested setup for Zustand state management in React applications with TypeScript. This skill provides comprehensive patterns for building scalable, type-safe global state. Use when: setting up global state in React, migrating from Redux or Context API, implementing state persistence with localStorage, configuring TypeScript with Zustand, using slices pattern for modular stores, adding devtools middleware for debugging, handling Next.js SSR hydration, or encountering hydration errors, TypeScript inference issues, or persist middleware problems. Prevents 5 documented issues: Next.js hydration mismatches, TypeScript double parentheses syntax errors, persist middleware export errors, infinite render loops, and slices pattern type inference failures. Keywords: zustand, state management, React state, TypeScript state, persist middleware, devtools, slices pattern, global state, React hooks, create store, useBoundStore, StateCreator, hydration error, text content mismatch, infinite render, localStorage, ses

dallascrilley Skill

React 18+ best practices with Tailwind CSS and Shadcn/ui patterns. Component architecture, performance optimization, type safety, and modern React patterns.

crawlora-org Bundle

Pulls structured YouTube data — video and channel details, transcripts/captions, comments, playlists, and search — via the Crawlora API as clean JSON, with no yt-dlp or HTML scraping. Use when the user provides a YouTube URL or asks for a transcript, comments, channel/video metadata, or video search results.

crawlora-org Bundle

General-purpose web-intelligence utilities via the Crawlora API — scrape any URL to clean markdown/HTML, extract schema-conforming JSON from a page, fingerprint a site's tech stack, geocode addresses, compare cost of living between cities/countries (Numbeo), look up a company's import/export trade records (ImportYeti), check a domain's traffic (SimilarWeb), or resolve a brand's identity from its domain. Use for one-off utility lookups that don't fit a specific platform skill.

kevinaimonster Skill

帮助用户美化网页界面、优化 UI/UX 设计，生成高质量的前端代码。 触发场景：帮我美化页面、界面太丑了、UI 优化、页面不好看、样式调整、 前端设计、视觉优化、improve frontend design、beautify UI、make it pretty、 landing page 设计、组件美化、暗色模式、响应式优化、配色方案。 输出生产级别的 CSS / Tailwind / React 代码，拒绝千篇一律的 AI 审美。

kevinaimonster Skill

系统迁移与升级助手。帮用户制定数据库迁移、框架升级、系统重构、技术栈迁移的方案和步骤。当用户说「数据库迁移」「升级React版本」「从MySQL迁移到PostgreSQL」「框架升级」「重构方案」「系统迁移」「API版本升级」「migration plan」「upgrade guide」「技术栈切换」「迁移方案」时触发。关键词：迁移、migration、升级、upgrade、数据库迁移、框架升级、版本升级、技术栈切换、系统重构、API迁移、数据迁移、平滑迁移、灰度迁移、回滚方案、兼容性、breaking change、deprecated、legacy、重构、schema migration、数据同步、双写、蓝绿部署、金丝雀发布

kevinaimonster Skill

适用时机

stijnman Skill

Review color choices for contrast, semantic consistency, color-vision accessibility, and readable user-interface states. Use for: color accessibility review, contrast check, UI color audit, accessible palette.

jiaiyan Skill

Text ellipsis component for truncating long text with expand/collapse support. Invoke when user needs to display truncated text with expand/collapse functionality.

jiaiyan Skill

Floating panel component for creating bottom draggable panels. Invoke when user needs to implement bottom sheets, expandable content panels, or draggable information displays.

jiaiyan Skill

Password input component for secure password entry. Invoke when user needs to implement password input with masked display, often used with number keyboard.

jiaiyan Skill

Skeleton image placeholder component. Invoke when user needs to display image placeholders in custom skeleton layouts.

jiaiyan Skill

Skeleton title placeholder component. Invoke when user needs to display title placeholders in custom skeleton layouts.

jiaiyan Skill

Global configuration component for Vant. Invoke when user needs to enable dark mode, customize themes, override CSS variables, or configure global component settings.

jiaiyan Skill

Floating bubble component for creating draggable floating buttons. Invoke when user needs to implement floating action buttons, draggable help buttons, or always-visible interactive elements.