Web & Frontend

involvex Bundle

Converts Stitch designs into modular Vite and React components using system-level networking and AST-based validation.

alsk1992 Bundle

Build onchain apps with Coinbase's OnchainKit React components - wallets, swaps, NFTs, payments

lukehle Skill

Make charts and data apps usable by everyone - colourblind-safe and greyscale-safe encoding, contrast, keyboard operation, focus management, screen-reader structure for SVG charts, data-table fallbacks, and reduced motion. Trigger on "accessibility", "a11y", "colorblind", "screen reader", "keyboard navigation", "contrast", "ARIA", "can everyone read this", "greyscale", "prefers-reduced-motion".

serennity007 Skill

Run InvestSkill analysis modules on a stock at configurable depth and compile a professional HTML report saved to the output/ directory

serennity007 Skill

Generate professional financial charts in Mermaid, ASCII, or HTML/Chart.js — MA lines, histograms, candlestick, volume, RSI/MACD, and more for markdown reports

serennity007 Skill

Deprecated — use full-report instead. Chained multiple analysis skills into a unified investment thesis; superseded by full-report's configurable --depth and HTML output.

serennity007 Skill

Generate professional HTML/PDF investment reports with interactive visualizations

skryx-l-a Skill

Build and set up a mobile application project (iOS, Android, Flutter, React Native, or Expo) with screen scaffolding, signing, store-listing assets, and an EAS/native build-and-submit pipeline to the App Store and Google Play. This is a project-kit sub-skill loaded by new-project routing. Use WHENEVER the user wants to build, create, or ship a mobile app, a phone/tablet app, an iOS or Android app, or anything published to the App Store or Play Store.

frostney Bundle

Applies the user's Bun-based React stack across Next.js web and Expo universal profiles, deferring backend and repository details to their domain skills. Use when scaffolding a React app, upgrading dependencies, choosing MVP tooling, or selecting a project profile.

frostney Bundle

Renders validated, self-contained interactive HTML reports from structured evidence. Use when a workflow needs an implementation option review, retrospective impact report, or another report that compares items, shows Before and After states, scores tradeoffs, or provides copyable discussion prompts.

frostney Skill

Applies strict, runtime-aligned TypeScript conventions for compiler setup, types, modules, APIs, tests, and validation without imposing a frontend framework. Use when scaffolding, configuring, writing, reviewing, or upgrading TypeScript in web, service, CLI, library, or tooling projects.

full-stack-skills Bundle

When you need to turn Stitch page HTML (or a Stitch URL) into a Pencil .pen design. Parses DOM and Tailwind, applies HTML→Pencil mapping and execution order, outputs sequential batch_design for layout and style fidelity (background, color, size, margin, padding, shadow). Supports multi-framework tokens.

garveyhu Skill

前端 / 视觉产出的「AI 味」体检与反面词典——交付前逐条 sweep，抓出模型下意识写出来的模板指纹（装饰性眉标、假截图、地名时间条、滚动提示、章节编号、黄铜米色配色、Fraunces 衬线、彩虹渐变、AI 腔文案…），并给出替代方案。当用户说「看着像 AI 做的 / 有 AI 味 / 像模板 / 帮我挑挑毛病 / 交付前检查一下 / 去 AI 味 / anti-slop / AI tells」，或在落地页·作品集·营销页·海报·HTML artifact 交付前自检时使用。是 `frontend-aesthetic.md`（常驻审美规约）的重型配套：规约管「怎么做对」，本 skill 管「做完了逐条抓错」。

garveyhu Bundle

Personal style library organized in 6 tiers (product / style / page / block / component / token). Use when: the user pastes a prompt copied from the style-vault website ("用 style-vault 里的 xxx 生成…"), or asks to build frontend matching a personal style preference. Triggers: "用 xxx 风格", "使用 style-vault skill", "参考 style-vault 里的", 网站 Prompt 卡片粘贴、组件样式 / 管理后台 / 落地页等前端生成场景。

garveyhu Skill

Use when a user wants to create a new website or web application from scratch. Triggers include: "create a website", "build an app", "new project", "帮我做一个网站", "创建项目", "新建应用", or any request describing a product/app to be built. Uses Socratic questioning to reach 95% requirement certainty before planning. Then creates the project: frontend-only uses react-best-practices; full-stack adds fastapi-best-practices for the backend. Single git repo at project root.

garveyhu Bundle

Render system architecture, topology, narrative architecture, sequence flow, and timeline diagrams as self-contained single-file HTML. Use for `/html-diagram`, "画一张 HTML 图", "用 HTML 画 X", "html 架构图 / 链路图 / 流程图", "html 可视化", "single-file html diagram", "interactive html diagram", or "deck-style html" when the content already exists in chat, design docs, or notes. Do not use for Mermaid, Excalidraw, PNG/PDF posters, generic frontend pages, or brainstorming diagram content.

garveyhu Bundle

Use when containerizing or deploying a frontend, backend, or full-stack project for local testing, an internal registry, production, or offline delivery. Triggers include "docker化", "容器化", "写Dockerfile", "build镜像", "推送镜像", "部署到服务器", "docker-compose", Docker images, Compose, multi-stage or multi-arch buildx, registry delivery, tar-offline delivery, embedded MariaDB, dev/prod container environments, and image build/push/run scripts.

garveyhu Bundle

FastAPI project initialization, development guidance, and code review based on personal architectural conventions (uv+fastapi+sqlalchemy+alembic+loguru+ruff). Use when: (1) Creating/initializing a new FastAPI project, (2) Adding new endpoints, services, modules, or models to an existing FastAPI project, (3) Reviewing FastAPI project structure and code organization, (4) Setting up database migrations (Alembic), logging (Loguru), or config management, (5) Configuring linting/formatting toolchain (ruff). Supports two project scales: simple (single-package) and complex (UV workspace multi-package). Default API conventions: GET+POST only, Result.ok()/Result.fail() response format, MVC layering. Frontend pairing: Designed to work with react-best-practices skill.

genericservice Bundle

Applies Generic Service (GS) branding to Markdown documents and generates branded PDFs. This is the PRIMARY skill for generating PDFs from Markdown, creating proposals, or applying project-specific templates. Do not use the generic 'pdf' skill for generating documents from Markdown or React templates.

genericservice Bundle

Search and retrieve CSS components, SVG icons, design patterns, and visual inspiration from the web. Use when the user asks to find, look up, or search for CSS snippets, SVG icons, UI components, loading spinners, animations, design inspiration, or any visual/frontend design resource. Triggers on requests like "find me a CSS button", "look up an SVG spinner", "search for a card component", "find a wave divider SVG", or "get design inspiration for a dashboard".

genericservice Bundle

Sets up, configures, and optimizes Google Analytics 4 (GA4) properties. Evaluates websites for proper GA4 implementation, tracking codes, and configuration improvements. Uses the Google Analytics Admin API for programmatic setup or provides manual integration paths via gtag.js or Next.js Third Parties.

gitkraken Bundle

Use to audit a component, file, or directory for WCAG 2.1 AA accessibility compliance. Detects ARIA anti-patterns, missing semantics, keyboard gaps, and color-only information. Safety-first — refuses to emit fixes that would create a new accessibility bug. Scope is always explicit; do not use for page-level flow or cross-program planning.

gitkraken Bundle

Use when touching any CSS — new files, edits, audits, refactors, `<style>` blocks, CSS-in-JS, Tailwind config, design-token files, or reviewing CSS a teammate wrote. Applies to vanilla CSS, shadow DOM internals, web-component consumers, VS Code webviews, and framework-scoped styles. Skip only for files with no styles at all (e.g. `.py`/`.go`/`.rs` without embedded CSS).

gitkraken Bundle

Use to produce a leader-facing remediation proposal from one or more /a11y-audit outputs plus team and product context. Translates audit findings into sprint plans, staffing asks, customer-facing language, compliance rollups, and critical-path analysis. Refuses to fabricate numbers, owners, or commitments beyond the inputs it has.

gitkraken Bundle

Use to audit a page, view, or composed flow for WCAG 2.1 AA compliance at the composition level - landmarks, heading hierarchy, tab order across components, focus handoff on modal open/close, live-region conflicts. Scope is page/view, NOT component internals. Safety-first - refuses to emit fixes that would create a new a11y bug. For single-component audits use /a11y-audit; for cross-program planning use /a11y-remediate.

hani-q Bundle

Serve the current repository's QStack HTML plan collection on a chosen local address and port.

hani-q Bundle

Render a plan as a reviewable QStack HLD/LLD HTML document, resolve its material open questions, and break it into the cards of its execution board. Takes a Markdown draft or the working agreement reached in the conversation. Also adds a board to a plan that already has HTML and no board.

fanlw0816 Skill

Keeps API contracts synchronized between frontend and backend services. Detects contract drift, generates client SDKs, and manages API versioning.

fanlw0816 Skill

Coordinate full feature development across frontend, backend, and database modules. Creates comprehensive plan with task breakdown and agent assignments.

getpipher Skill

End-to-end Solana development playbook (Jan 2026). Prefer Solana Foundation framework-kit (@solana/client + @solana/react-hooks) for React/Next.js UI. Prefer @solana/kit for all new client/RPC/transaction code. When legacy dependencies require web3.js, isolate it behind @solana/web3-compat (or @solana/web3.js as a true legacy fallback). Covers wallet-standard-first connection (incl. ConnectorKit), Anchor/Pinocchio programs, Codama-based client generation, LiteSVM/Mollusk/Surfpool testing, and security checklists.

harlan-zw Skill

Use Ripast for AST-aware renames, moves, extracts, usages, imports, and CSS class migrations across TS, JS, and Vue. Trigger for mechanical changes spanning files.

harlan-zw Bundle

Build or polish Nuxt UI v4+ pages and design systems. Use for landing pages, dashboards, tokens, motion, or generic-looking UX.

harlan-zw Bundle

Adversarially review a Nuxt frontend. Run it and verify its contract, UX, and visual behavior. Use for frontend review or testing.

innei Skill

Use when a React page re-renders far more than it should — "everything re-renders on every tick", live-data dashboards, Electron/Vite apps that feel heavy under a 1s push stream. Measures render counts from outside the app over CDP (react-scan injected, no source changes), localizes the exact hook that fires, fixes it by lowering state to the consumers instead of sprinkling memo, and locks the result with a Profiler regression test.

innei Bundle

Use when migrating a multi-locale Next.js RSC / App-Router site to React Router v8 so SSR HTML is CDN-cacheable. RSC payload is uncacheable at the edge and locale × page count multiplies the bill. Covers ordered cuts: strip UA/geo/cookie SSR variance, split `.data` loaders from client fetches, restage theme SSR (next-themes + head script + /theme-vars.css), split middleware to Vercel Routing Middleware + root loader mirror, prerender static, land 3-tier Cache-Control so Cloudflare owns cache.

dineway Bundle

Build and customize Dineway Agentic Web sites. Use when creating pages, defining collections, writing seed files, querying content, rendering Portable Text, setting up menus/taxonomies/widgets, configuring deployment, or any task involving a Dineway-powered Astro site. Assumes basic Astro knowledge but provides all Dineway-specific patterns.