Web & Frontend

dankosik Bundle

Use for cross-component topology, ownership, consistency, capacity, failure-isolation, migration, or multi-region architecture decisions.

stofancy Bundle

代码评审流程：先冷启动理解一个 PR（需求对应、变更地图、为什么这么改、边界与风险），再产出带证据、严重度与覆盖范围的评审结论，最后按需把结论交付给作者（PR 评论/Slack/HTML/PNG）。用于"帮我看懂这个 PR""做这次 review""把评审结论发给作者"。理解与结论是两份分开的产物；HTML/PNG 只是可选载体，不是默认产出；本 skill 不执行对外发送，也不重新跑一遍完整审查。

mimaowang Bundle

Build a complete spoken presentation from an academic paper — the talk script AND the slides, taken all the way to a rehearsed, fact-checked, print-ready state. Use whenever the user needs to present a paper (their own or someone else's) at a journal club, class/seminar presentation, conference, group meeting, or defense rehearsal — especially when they mention a time budget, a talk script / speaker notes, or slides based on a paper. Also triggers for requests phrased in Chinese such as 文献汇报、课堂展示、组会汇报、讲稿、slides/PPT 制作. Do not use for posters, for slides with no spoken component, or for writing the paper itself.

ruosong320 Skill

Use when an agent needs to modify a local, specific, or partial area of a program, script, app, config, test, or code-adjacent text. Trigger for fixing one feature, changing a function/module/component, adjusting bounded behavior, or making a minimal patch. Derive the boundary from the request and repository, ask only about unresolved consequential decisions, then locate the smallest change point, match local style, patch, and smoke test immediately.

cjqkj Bundle

Understand and take structured notes on videos. Use when the user shares a Bilibili video link (bilibili.com or b23.tv) or wants to summarize / extract knowledge from a video. Produces study notes, articles, flashcards, or teaching HTML from the video's actual visual + audio content (not just subtitles). Requires the `videomind` CLI (`pip install videomind`) and a VideoMind API key.

rockerboo Bundle

Use when a task involves ABC music notation or tunes as text — reading or inspecting ABC, picking out a section or region of a tune, arranging or mashing several tunes together, transposing or tempo-matching tunes, or playing an ABC tune back as audio for a human to hear and react to.

tahr-security Bundle

Audit Android application security from an APK, AAB-derived APK, Android source repository, manifest, or authorized emulator/device. Use for mobile release reviews, OWASP MASVS-oriented assessments, exported component and deep-link testing, WebView and IPC review, local storage and token analysis, mobile API traffic review, runtime instrumentation, privacy testing, and Android hardening validation.

rifteo Bundle

Complete XSS testing methodology reflected, stored, DOM-based, blind, and mutation XSS, CSP bypass, DOM clobbering, filter/WAF evasion, and impact escalation. Trigger when the user asks to test for XSS or cross-site scripting (reflected, stored, DOM-based, blind, mutation), wants to bypass XSS filters/WAF rules/CSP, identifies a reflection point and needs the right payload, pastes HTML/JS that reflects user input, asks if they can steal cookies or test inputs for injection, needs to demonstrate XSS impact, or is writing a pentest finding needing evidence or remediation.

rifteo Bundle

Maps every entry point, component, and trust boundary of a target before testing begins prevents missed coverage and prioritizes the highest-value attack paths. Trigger when the user provides a target and wants to know where to start, says "map the attack surface", "what should I test", or "where do I begin", or is starting any engagement after scope-grill is complete.

ankit1598 Skill

Tailwind CSS v4 CSS-first configuration, OKLCH color tokens, CVA component variants, and dark mode setup. Use when configuring Tailwind v4, setting up design tokens, creating multi-variant components with CVA, implementing dark mode, or migrating from Tailwind v3.

ankit1598 Skill

Mandatory TS/React product style: arrow functions, default export (unless multi-export), raw Tailwind outside components/ui, complexity ≤ 15, Server Action async+await, no default useMemo. Use before writing or editing any component, hook, page, action, or utility; when adding className; when a function grows branches. Required via app-code-standards — do not ship function UserCard or bg-primary outside shadcn.

ankit1598 Skill

High-end web UI design standards, redesign audit checklist, content rules, and web UX priorities for Next.js/React projects. Use when building new web pages, reviewing UI quality, redesigning existing pages, choosing fonts/colors/layout, or when UI looks generic or unprofessional. For React Native design rules → see ui-design-native skill.

ankit1598 Skill

Mandatory form stack: react-hook-form + zod + zodResolver. Bans useState for fields, loading, errors, and validation. Use when adding or editing a form, login/signup/settings, <form, useForm, register, Controller, useFieldArray, submit handlers, or any useState that holds input/validation/submit state. Required via app-code-standards for form-shaped work — do not write a useState form first.

ankit1598 Skill

Complete guide for building Expo/React Native apps — routing, navigation, library preferences, responsiveness, and behavior rules. Use when working on any Expo or React Native project, setting up navigation, choosing libraries, or structuring routes. Filename convention override: camelCase (not kebab-case).

ankit1598 Skill

React Native / iOS / Android design and UX rules — touch targets, safe areas, platform conventions, accessibility, and motion. Use when designing or reviewing React Native UI, handling touch interactions, implementing platform-specific patterns, or ensuring accessibility on mobile. For inline styles and animation library priority → see react-native-styling skill.

ankit1598 Bundle

Mandatory Next.js product layout: Pattern A actions own I/O, services are connect/send only, lib has no I/O, Zustand store is two files. Use before any new or moved .ts/.tsx under app/actions/hooks/store/providers/services/managers/lib/types/schemas; when asking where a file goes; when adding a page, action, hook, API route, or provider. Required via app-code-standards — do not write from memory.

ankit1598 Skill

Mandatory pre-write gate for product TypeScript/React/Next.js code. Forces a same-turn Read of project-structure (SKILL + REFERENCE) and code-style before any .ts/.tsx Write or StrReplace, plus forms-standard when form-shaped and shadcn-standard when composing registry UI. Use when writing, editing, scaffolding, refactoring, remapping, or reviewing app/actions/components/hooks/store/providers/services/managers/lib/types/schemas code; when adding a page, component, hook, action, API route, form, Button, or nativeButton; never skip because the user did not name these skills.

ankit1598 Skill

Enforces camelCase for product files and folders, with exceptions for Next.js App Router names, kebab URL segments, shadcn shims, Expo Router, agent skill folders, and .artifacts/. Use when creating new files or folders, deciding where to put something, or naming any new component, hook, service, or utility.

ankit1598 Skill

React Native styling rules — inline styles, safe areas, shadows, visual effects (gradients, filters, blend modes), spacing, and animation library priority order (reanimated → moti → built-in). Use when styling React Native components, handling safe areas, adding shadows or gradients, applying filters, or implementing animations in any Expo or React Native project.

xperiun Bundle

Documenta projeto Power BI (PBIP) inteiro em markdown estruturado + HTML navegável (mini-site de doc). Use quando o usuário pedir "documenta esse projeto", "gera doc do power bi", "explica esse modelo", "preciso entregar handoff", ou apontar uma pasta PBIP pra mapeamento descritivo (não auditoria).

achref23illi Bundle

Make a mobile UI look and feel like a shipped app. Rules with numbers, screen recipes, a fast screenshot review and lessons from a real redesign, grounded in 2,600 iOS screens from 44 apps (Spotify, Airbnb, Instagram, Apple Music, Halide, Notion…). Use before designing or restyling any mobile screen (React Native, Expo, SwiftUI, Flutter, mobile web), when reviewing screenshots for "does this look like a real app", or when you need a reference for a pattern (feed, player, editor, sheet, paywall, settings, onboarding, empty state).

agentcorp-inc Skill

Clerk authentication router. Use when user asks about Clerk CLI operations, adding authentication, setting up Clerk, custom sign-in flows, Swift or native iOS auth, native Android auth, Next.js patterns, React patterns, Vue patterns, Nuxt patterns, Astro patterns, TanStack Start patterns, Expo patterns, React Router patterns, Chrome Extension patterns, organizations, billing, subscriptions, payments, pricing, plans, seat-based pricing, feature entitlements, syncing users, or testing. Automatically routes to the specific skill based on their task.

gee9999 Bundle

Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.

agentcorp-inc Bundle

Liquid is an open-source templating language created by Shopify. It is the backbone of Shopify themes and is used to load dynamic content on storefronts. Keywords: liquid, theme, shopify-theme, liquid-component, liquid-block, liquid-section, liquid-snippet, liquid-schemas, shopify-theme-schemas

agentcorp-inc Bundle

Debug, support, and build PostHog Surveys across the backend and all five SDKs (web/posthog-js, iOS, Android, Flutter, React Native). Use whenever a Surveys support ticket is pasted ("survey not showing", "fewer responses than expected", "responses disappeared", "survey shows on wrong platform"), when diagnosing why a survey does or doesn't display, or when doing survey feature work that must ship across SDKs. Covers the eligibility pipeline, cross-SDK feature parity, the known-cause catalog, read-only diagnostic queries, staff access, and the customer-reply style guide.

agentcorp-inc Bundle

Use for custom storefronts requiring direct GraphQL queries/mutations for data fetching and cart operations. Choose this when you need full control over data fetching and rendering your own UI. NOT for Web Components - if the prompt mentions HTML tags like <shopify-store>, <shopify-cart>, use storefront-web-components instead.

agentcorp-inc Bundle

Install the Intercom Messenger on a website or web application with secure JWT-based identity verification. Generates backend and frontend code for React, Next.js, Vue.js, Angular, Ember, and plain JavaScript. Supports Node.js, Python (Flask/Django), PHP, and Ruby backends. Use when the user asks to "install Intercom", "add the Intercom Messenger", "set up Intercom chat widget", "add customer chat to my website", or "integrate Intercom".

agentcorp-inc Bundle

Guides exploration of $autocapture events captured by posthog-js to understand user interactions, find CSS selectors (especially data-attr attributes), evaluate selector uniqueness, query matching clicks ad-hoc, and create actions. Use when the user asks about autocapture data, wants to find what users are clicking, needs to build actions from click events, asks about elements_chain, wants to build a trend or funnel filtered by clicks or other autocapture interactions, asks which properties autocapture sends, or asks how to filter $autocapture events. Only applies to projects using posthog-js autocapture.

agentcorp-inc Bundle

Visual ManCo (management company) reporting dashboard/microapp — React SPA on Carta Fund Admin data. TRIGGER: any ManCo dashboard/microapp/report/financials ask under ANY verb (spin up, open, launch, build, create, run) — P&L drill-down, expenses, Budget vs Actuals, Management Fee Income by Fund, income-vs-expenses charts, journal-entry detail. DISAMBIGUATION: "build" means render this dashboard, not draft a budget, so a microapp/dashboard ask ALWAYS routes here, firm named or not; a generic ManCo ask naming a firm routes here; firm-absent with no visual surface → carta-manco. NOT FOR: budgets/actuals (→ carta-manco); consolidating statements (→ carta-consolidating-financial-reports); scaffolding a NEW microapp skill from scratch (a developer tool, not this dashboard).

agentcorp-inc Skill

MUST activate when the user wants to build, create, or generate a React application, React app, web application, single-page application (SPA), or frontend application — even if no project files exist yet. MUST also activate when the project contains a uiBundles/*/src/ directory or sfdx-project.json and the prompt says create, build, construct, or generate a new app, site, or page from scratch — even if the prompt also describes visual styling. MUST also activate when the task spans more than one ui-bundle skill. Use this skill when building a complete app end-to-end. Do NOT use for Lightning Experience apps with custom objects (use platform-lightning-app-coordinate). Do NOT use for single-concern edits to an existing page (use experience-ui-bundle-frontend-generate).

vroind-ausm-all Bundle

Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which tool, which properties, which curve and duration, how it interrupts, how it exits. Writes the implementation. Use when asked to animate something, add motion, make a component feel alive, or build a transition. For critiquing existing motion use review-animations; for auditing a whole codebase use improve-animations.

vroind-ausm-all Bundle

Build animations in React Native and Expo, making the decisions in the order that determines whether they feel right — should it animate, which thread it runs on, which properties, spring or timing, how the gesture hands off, how it degrades. Writes the implementation with Reanimated, Gesture Handler, Expo Router and expo-haptics. Use when animating anything in an Expo app, adding gestures, sheets, screen transitions, press feedback or haptics, or fixing motion that stutters on device. For web animation use `animate`.

vroind-ausm-all Skill

Make a web app feel native on a phone — the small CSS and meta-tag fixes that separate "a website in a browser" from something that feels installed. Covers sticky hover states, tap highlight flashes, the 100vh bug, inputs that zoom the page, laggy taps, pull-to-refresh hijacking scroll, content under the notch, long-press selecting button text, carousels that scroll the wrong way, mismatched status bars, and the rule that you test on real hardware. Use when a web app is being built for or reviewed on mobile, when something "works in Chrome but feels wrong on my phone", when building a PWA, a bottom sheet, a carousel, a full-screen layout, or any touch interaction. For motion itself use animate; for React Native use animate-expo.

vroind-ausm-all Skill

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

vroind-ausm-all Skill

Pick the right library for a given frontend task from a curated, opinionated list — numbers, OTP inputs, charts, command menus, virtualization, drag and drop, toasts, state, styling, and more. Only runs when explicitly invoked; it does not trigger on its own.

silviobeer Skill

Create lightweight HTML mockups, a visual sitemap, and a UI implementation handoff before requirements. Use after visual-companion and optional frontend-design when: (1) UI flows need to be visualized before requirements and architecture, (2) a page/screen sitemap is needed, (3) stakeholders need visual feedback before user stories are finalized. Not for: requirements, component libraries, technical architecture, or production UI code.