Web & Frontend

jiaiyan Skill

Number keyboard component for numeric input. Invoke when user needs to implement numeric input with virtual keyboard, often used with password input.

jiaiyan Skill

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

jiaiyan Skill

Skeleton paragraph placeholder component. Invoke when user needs to display text/paragraph placeholders in custom skeleton layouts.

jiaiyan Skill

Composable for customizing Field component values in Vant forms. Invoke when creating custom form inputs that need to integrate with van-form validation and submission.

bbrysonelite-max Skill

Use when the user is debugging a regression, investigating unexpected behaviour, or wants to know the full change history of a component. Examples: "why did this break after the last deploy?", "what changed in the auth module recently?", "trace all changes to OrderService"

bbrysonelite-max Bundle

Publish files and folders to the web instantly. Static hosting for HTML sites, images, PDFs, and any file type. Use when asked to "publish this", "host this", "deploy this", "share this on the web", "make a website", "put this online", "upload to the web", "create a webpage", "share a link", "serve this site", or "generate a URL". Outputs a live, shareable URL at {slug}.here.now.

bbrysonelite-max Bundle

Builds a private, dignified one-page introduction/credibility website for a specific high-value recipient (e.g. introducing Brent to an incoming CEO, a leader, or a partner), then publishes it permanently to a custom domain. Use when Brent wants to introduce himself to someone important without reciting his résumé on a call, asks to "make an intro page / one-pager / credibility page / about-me link" for a named person, or wants a clean link to hand someone. Defers visual design to frontend-design and any fact-finding research to deep-research.

bbrysonelite-max Bundle

Use when completed work needs an evidence-backed audit of end-to-end user flows, component boundaries, data propagation, and failure paths before release.

farmage Bundle

Builds Vue 3 components with Composition API patterns, configures Nuxt 3 SSR/SSG projects, sets up Pinia stores, scaffolds Quasar/Capacitor mobile apps, implements PWA features, and optimises Vite builds. Use when creating Vue 3 applications with Composition API, writing reusable composables, managing state with Pinia, building hybrid mobile apps with Quasar or Capacitor, configuring service workers, or tuning Vite configuration and TypeScript integration.

farmage Bundle

Use when building React 18+ applications in .jsx or .tsx files, Next.js App Router projects, or create-react-app setups. Creates components, implements custom hooks, debugs rendering issues, migrates class components to functional, and implements state management. Invoke for Server Components, Suspense boundaries, useActionState forms, performance optimization, or React 19 features.

farmage Bundle

Builds and debugs Shopify themes (.liquid files, theme.json, sections), develops custom Shopify apps (shopify.app.toml, OAuth, webhooks), and implements Storefront API integrations for headless storefronts. Use when building or customizing Shopify themes, creating Hydrogen or custom React storefronts, developing Shopify apps, implementing checkout UI extensions or Shopify Functions, optimizing performance, or integrating third-party services. Invoke for Liquid templating, Storefront API, app development, checkout customization, Shopify Plus features, App Bridge, Polaris, or Shopify CLI workflows.

farmage Bundle

Builds, optimizes, and debugs cross-platform mobile applications with React Native and Expo. Implements navigation hierarchies (tabs, stacks, drawers), configures native modules, optimizes FlatList rendering with memo and useCallback, and handles platform-specific code for iOS and Android. Use when building a React Native or Expo mobile app, setting up navigation, integrating native modules, improving scroll performance, handling SafeArea or keyboard input, or configuring Expo SDK projects.

farmage Bundle

Use when designing new high-level system architecture, reviewing existing designs, or making architectural decisions. Invoke to create architecture diagrams, write Architecture Decision Records (ADRs), evaluate technology trade-offs, design component interactions, and plan for scalability. Use for system design, architecture review, microservices structuring, ADR authoring, scalability planning, and infrastructure pattern selection — distinct from code-level design patterns or database-only design tasks.

wsxwj123 Bundle

Invoke when building any UI, component, page, or visual interface. Produces distinctive design with a committed aesthetic, not generic defaults. Handles screenshot-driven iteration when the user sends an image with a complaint. Not for backend logic or data pipelines.

wsxwj123 Bundle

Convert Markdown to WeChat Official Account HTML. Supports API mode (fast) and AI mode (themed). Features writer style assistant, AI trace removal (humanizer), and draft upload.

wsxwj123 Bundle

用于SCI审稿意见逐条回复的全流程技能，适用于期刊大修/小修阶段，只出回复包（HTML），不改主稿。触发词：审稿意见回复、回复审稿人、回复reviewer、response letter、回复信、rebuttal、逐条回复、Response to Reviewer、revise and resubmit、R&R、reviewer comments。路由说明：与revise-sci区分，本技能只出回复包不改主稿，需同时改主稿并出修订稿docx请用revise-sci；与reviewer-simulator区分，本技能针对已收到的意见写回复，后者是模拟生成审稿意见。

copyleftdev Skill

Write JavaScript code in the style of Kent C. Dodds, testing advocate and React educator. Emphasizes testing best practices, React patterns, and developer productivity. Use when writing tests or building maintainable React applications.

copyleftdev Skill

Write JavaScript code in the style of Dan Abramov, co-creator of Redux and React core team member. Emphasizes predictable state management, composition over inheritance, and developer experience. Use when building React applications or managing complex state.

mindgoblinstudios Bundle

Relic Artifacts: The house standard for artifacts — small interactive pages agents generate. The minimal version is one self-contained static HTML file; artifacts can grow a small server or extra files when the job genuinely needs them.

kevinaimonster Skill

Reveal.js 演示文稿制作大师。帮用户用 Reveal.js 生成可直接在浏览器打开的 HTML 演示文稿。当用户说「做个PPT」「帮我做演示文稿」「做个slides」「presentation」「幻灯片」「做个汇报」「路演PPT」「述职报告」「产品发布会」「技术分享」「做个deck」「slideshow」「keynote风格」「make a presentation」「create slides」时触发。关键词：PPT、演示文稿、幻灯片、slides、presentation、deck、汇报、路演、述职、技术分享、reveal.js、slideshow、keynote、做个PPT、写个PPT

apidojo-io Skill

Finds software engineers and developers to recruit using apidojo's Twitter scrapers on Apify. Triggers when the user asks to: find software engineers on Twitter for recruiting, discover developers to hire from their Twitter profile, find backend frontend or full-stack engineers on X for talent sourcing, identify programmers by tech stack on Twitter, find software engineers who are open to work on Twitter, build a developer recruiting pipeline from social, or find engineers tweeting about job search or career changes. Returns handle, name, tech stack (from bio/tweets), follower count, and open-to-work signals. Ideal for technical recruiters, startup hiring managers, and engineering talent acquisition teams.

bokuwalily Bundle

solomaker.dev の記事に Markdown を「貼るだけで見出し/太字/区切り/箇条書きが効く」状態で入稿したいとき。maker-daily記事のsolomaker入稿、または「solomakerで#が素で出る/段落が二重に空く」問題を直すときに発火。

bokuwalily Skill

HTMLから16:9スライド型PDF（提案資料・ポートフォリオ・ピッチデック）を生成するとき。「PDFで提案資料」「スライドにして」「めくって見せる資料」等で発火。file://がPlaywright/Chromeでブロックされる罠の回避込み。

bokuwalily Skill

SSH経由でWP-CLIを使いWordPress記事のHTMLをローカルファイルから一括アップロード（post update）するときに使う

bokuwalily Skill

Next.js App RouterのページHTMLが異常に重い（数百KB）/ LCPが遅い時に発火。DBのselect('*')がclient componentに渡りRSC flightペイロードに全文が直列化されるパターンの診断と修正手順

bokuwalily Skill

「このサイトみたいにして」と参照URLを指定された時に、実物を撮って CSS を実測し、トークン化してから実装する手順。実案件で参照サイトのスタイルを写して「AI味」を消した型。

bokuwalily Skill

既存のNext.js+Turso Web SaaSをiOSネイティブアプリ化する時に発火。Webを本番API/cronとして維持し、別リポでExpo(SDK56)ネイティブクライアントを作る2リポ方式。shukatsu-tracker・postwingで実証済み。

bokuwalily Bundle

Expo/React Nativeの既存アプリに後からデザイントークン(余白/文字段/角丸/影)を通す移行の固定型。「見た目を変えずに生リテラルを消す」を機械照合で担保する。本番リリース済みの複数アプリで実施して判明した罠＝grepが`<Text`の改行形式を見逃す・Codexは完了条件に書いた項目しか検証しない・段が足りないと変換が勝手に縮む、を潰す。シミュレータでの実画面確認まで含む(simctlにタップは無い/iOS26のディープリンクは必ず確認ダイアログ/dev-client入りはRelease必須/ビルド並走はbuild.dbロックで全滅)。

bokuwalily Skill

Webフロントのレイアウト/CSS/Tailwindを編集したら発火。スマホ表示の横スクロール溢れ・中央ズレを、頼まれる前に機械検出して直す。Next/React等のレスポンシブUI変更時に必須

bokuwalily Skill

next-auth(v5/JWT)+Google OAuthのみのNext.jsアプリを、本番DBに触れずローカルdevでログイン済みE2E検証したいとき。セッションCookieを自作mintし、TURSO等のDB env をfile DBに差し替えて Playwright で通す手順。

bokuwalily Skill

Vercel Blob の private ストアをCLI/APIだけで作り、プロジェクトへ接続して環境変数を自動投入するまでの手順。GUI不要。デプロイが「Vulnerable version of Next.js detected」で落ちる罠も含む。

bokuwalily Skill

Vercel/Next.jsで「curlは200なのにGoogle Search Consoleのライブテスト/インデックス登録が5xxで弾かれる」時。aliasのキャッシュが症状を隠す問題、コールド初回レンダリングだけ落ちる断続5xx、jsdom依存ライブラリ(isomorphic-dompurify等)のERR_REQUIRE_ESMランタイムクラッシュの診断と修正。

hamza-ali-shahjahan Skill

Compose interfaces that hold together — skeleton before aesthetics, one alignment per row, sizing by declaration. Use when building or reviewing any UI component, fixing "it looks off but I cannot say why", or adding an element to an existing layout.

hamza-ali-shahjahan Skill

Builds production-quality UIs. Use when building or modifying user-facing interfaces. Use when creating components, implementing layouts, managing state, or when the output needs to look and feel production-quality rather than AI-generated.

2799662352 Bundle

Use when a script, treatment, scene list or multi-shot brief has to be planned as a multi-shot VIDEO piece — 剧本拆镜、分场拆镜头、多镜规划、镜头清单、拍摄计划、 逐镜视频提示词总表、分镜表、shotlist、shot breakdown — landing as one searchable HTML table with per-shot durations and 4–15s Seedance groupings. 素材要和剧本 对上号时(剧本 + 一批图 / 图片文件夹 / 分镜稿)在这条视频路径内一并对表。 只做规划与交付物,不定级、不路由、不调生成工具。**纯出图任务不走本 skill**: 只要关键帧/一组角色图而不做成片时,由图片入口直接出,一致性交给角色链与人像库。

crawlora-org Bundle

Fetches structured public web data via the Crawlora REST API — search engines, e-commerce, social, finance, maps, app stores, media, and reviews — returning clean JSON instead of HTML. Use whenever the user needs real data from a public website (prices, listings, reviews, transcripts, SERPs, trends, financials, places) and would otherwise have to scrape or parse HTML.