Web & Frontend

khmm12 Skill

Review SolidJS 2.0 code for React-isms, Solid 1.x-isms, and reactivity bugs. Use when reviewing diffs, PRs, or files in a project that depends on solid-js 2.x / @solidjs/web — including self-review after generating Solid 2.0 code.

khmm12 Bundle

Migrate a Solid 1.x codebase, file, or component to SolidJS 2.0 (solid-js 2.x / next / RC). Use when converting code that imports solid-js/web, solid-js/store, createResource, Suspense, onMount, batch, or other 1.x APIs to the 2.0 equivalents. Not for writing new v2 code from scratch (see solidjs-v2).

kjanat Skill

HTTP server for compressing GLB/glTF 3D models via REST API and SSE streaming. Use when building web integrations, setting up a compression microservice, or adding real-time compression progress to a frontend.

kolplattformen Skill

Reverse-engineera Infomentor Hub-webbens API via Safari MCP — sätta session-cookies, navigera i SPA:n, fånga fetch/XHR-anrop (kalender, notiser, schema) och läsa IMHome.init ur HTML. Använd när nya endpoints ska hittas (t.ex. matsedel/frånvaro), när parsers ska verifieras mot riktiga svar, eller när fält saknas i appen.

kong Bundle

Author or update a component doc in the Docusaurus site (packages/insomnia-component-docs) for a component in the shared library. Use when adding a new component to src/basic-components, changing a component's props/variants, or when asked to document/update docs for a component.

kopai-app Bundle

Build Kopai observability dashboards from OpenTelemetry metrics, logs, and traces by composing tiles — time-series charts, stat/KPI numbers, histograms, log timelines, and trace-detail views — into a dashboard via the Kopai SDK. Use this skill whenever the user wants to visualize, chart, monitor, or 'keep an eye on' telemetry — e.g. 'make a dashboard', 'monitoring view', 'KPI panel', 'chart request latency and throughput', 'an incident board with error logs and a trace viewer' — even if they don't say the word 'dashboard' — and when another workflow needs to present telemetry visually (e.g. after a root-cause analysis). This creates Kopai dashboards specifically. Do NOT use it to investigate or root-cause an issue (use root-cause-analysis), to add instrumentation (use otel-instrumentation), to build Grafana/Prometheus dashboards, or to code React/UI chart components.

dograh-hq Skill

Review a Dograh pull request, branch diff, or pasted patch for repo-specific security and correctness risks that are not obvious from generic FastAPI, Next.js, or Python conventions. Use when the user asks to review a PR, audit a diff, check whether changes are safe to merge, review their own changes, or asks what to look for in a Dograh PR. Focus on tenant isolation, route auth, webhook signing and org derivation, DB layering, worker-sync, migrations, generated SDK usage, and test hazards.

doist Skill

Comms messaging CLI. View and respond to inbox threads, channel threads, direct messages, mentions, and group conversations; search, react, archive, mute, and manage workspaces. Use when the user mentions Comms, asks about their inbox, mentions, threads, DMs, channels, or wants to read or send Comms messages.

doist Skill

Twist messaging CLI. View and respond to inbox threads, channel threads, direct messages, mentions, and group conversations; search, react, archive, mute, and manage workspaces. Use when the user mentions Twist, asks about their inbox, mentions, threads, DMs, channels, or wants to read or send Twist messages.

dradis Bundle

Dradis HTML Export Theme Builder

dsebastien Bundle

Fetch and analyze an arXiv paper via tiered fallback (markdown -> arXiv HTML -> ar5iv -> PDF). Rate-limited for arxiv2md (28 req/min, deterministic). Produces a structured summary with citation, problem, key claims, method, results, limitations. Use when the user says "analyze arxiv paper", "summarize arxiv", "read paper", "what does this paper say", or provides an arXiv ID/URL to analyze.

dwgx Bundle

Design web-like user interfaces in the terminal and inside tmux with a cell-grid Canvas, CSS-like box model, flexbox/grid layout, and 17 reusable widgets such as Panel, Table, Card, ProgressBar, Meter, Tabs, Tree, Badge, Banner, and a braille line chart. Use when an agent needs a dashboard, panel, table, status page, TUI layout, tmux dashboard, screenshot-driven CLI/TUI replica, ANSI frame, truecolor render, pyte PNG screenshot smoke test, wide-character alignment, or a new terminal widget.

edinetdb Bundle

Drafts a professional investment memo (HTML output) for a long or short equity idea, structured the way a hedge fund analyst would present a thesis to a PM. Triggers when the user asks to "write a memo", "draft an investment memo", "write up a thesis", "pitch this stock", "memo on [ticker]", "long writeup", "short writeup", or similar. Produces a 1-page HTML file at .dexter/memos/.

edshav Bundle

Use when the user is tracing data flow across layers, tracking cross-layer dependencies, or asking what breaks if they change something — phrases like "Trace how X flows", "I want to modify X, what do I check?", "Where is X used?", "What breaks if I change X?", or "How does data move from backend to frontend for X?". Strictly mutation-oriented analysis anchored in actual code paths. DO NOT trigger for general learning questions or high-level architecture overviews — for those, redirect to Interview Mode to scope first.

eldermoraes Bundle

Scaffold Quarkus + LangChain4j projects end-to-end and add agentic components to existing ones — AI services, tools, agents and multi-agent workflows, RAG pipelines, MCP clients and servers (Model Context Protocol), guardrails, and embedding store setups. Use this whenever the user asks to create, scaffold, set up, bootstrap, initialize, start, generate, or kickstart a new Quarkus + LangChain4j project or module, OR to add an AI service, tool, agent, RAG component, MCP client or server integration, guardrail, or embedding store to an existing project in this stack. Also use for generating baseline pom.xml, application.properties, project layout, or starter classes for Quarkus + LangChain4j work.

equinor Skill

Create or edit workspace configuration for CC apps (workspace.tsx, frameworkConfig.ts). USE FOR: wiring Fusion workspace modules (grid, garden, Power BI, sidesheet, filter, status bar), configuring httpClient, enabling context/bookmarks/AG Grid, useContextId, useCCApiAccessCheck, useHttpClient, useFilterConfig, WorkspaceWrapper component. DO NOT USE FOR: column definitions (use table-config skill), sidesheet UI (use sidesheet skill).

ericjy Bundle

Generate a recognizable tier-list image from rankings using a fixed HTML template and local browser rendering. Use this skill whenever the user wants a tier list, S/A/B/C ranking graphic, power ranking image, ranked comparison board, or says things like 'make a tier list', 'rank these visually', 'turn this into a tier-list image', or 'generate a shareable ranking graphic'. Trigger even when the user only gives rough ranking text and expects the agent to infer the structured tiers. Prefer agent-browser for local screenshots when available. Do not use this for generic posters, charts, or freeform markdown cards.

erickwendel Bundle

Use when creating, editing, reviewing, or refactoring JavaScript or TypeScript code, including React components, hooks, services, utilities, styling, constants, tests, imports/exports, module organization, browser APIs, performance-sensitive code, secure code, or LocalStudio source changes.

erickwendel Bundle

LocalStudio project completion workflow. Use before claiming a LocalStudio/canva-webai-clone code task is done, especially after frontend, editor, Playwright, export, import, sharing, persistence, or UI workflow changes, to run the scenario E2E test, typecheck, lint, the full local test suite, and start a non-default-port dev server for user verification.

eugenp Bundle

Build and modify Codename One cross-platform mobile apps (Java 17, Maven, ParparVM/Android/iOS/JavaScript). Use when the project contains a `common/codenameone_settings.properties`, depends on `com.codenameone:codenameone-core`, edits CSS files under `common/src/main/css/`, calls `cn1:run`, `cn1:test`, `cn1:build`, references `com.codename1.ui.*` / `com.codename1.testing.*`, or when the user asks to build a UI, write screen tests, generate screenshots, or compare to Swing/HTML.

rs2pydev Skill

Critical audit of a React + Vite + TSX codebase — strict TypeScript, JSDoc, component architecture, error boundaries, a11y, performance, Vitest. Re-invoke until converged.

rshzrh Bundle

Generate slop-free UI for React + Tailwind + shadcn/ui. Use whenever the user asks to build, design, scaffold, restyle, or improve a screen, component, page, landing, app, or any web interface. Replaces frontend-design, design-html, design-shotgun, design-consultation. Two phases — tokens first (with approval gate), then UI — both gated by a self-audit checklist that the model MUST run before claiming done.

rshzrh Bundle

Generate slop-free Android UI in Jetpack Compose + Material 3 Expressive (Android 14+ / API 34+). Use whenever the user asks to build, design, scaffold, restyle, or improve a screen, component, activity, fragment, or any Android interface in Compose. Two phases — theme tokens first (with approval gate), then UI — both gated by a self-audit checklist that the model MUST run before claiming done.

ryoppippi Skill

Guides content changes in the ryoppippi.com repository, including blog Markdown, post-local Svelte islands, Tweet embeds, and curated OSS metadata.

saaspegasus Skill

Use when the user asks to create, view, or modify a SaaS Pegasus project via the `pegasus` CLI — e.g. "create a new Pegasus project for X", "add subscriptions to my Pegasus project", "show me my project settings", "switch the front-end framework to React", "what features can I use on my license tier".

samzong Skill

Build source-faithful and Dify-native frontend prototypes for Dify screens and proposed Dify features. Use when the user asks for Dify prototypes, Dify UI screens, Knowledge/Dataset/RAG prototype pages, login/default pages, navigation tabs, modals, tables, creation flows, or any frontend work that must follow Dify source, tokens, components, icons, and visual behavior.

sattva2020 Bundle

Deploy and manage applications on Dokploy (self-hosted PaaS). Use when deploying apps, managing Docker Compose services, databases (PostgreSQL, MySQL, MariaDB, MongoDB, Redis), configuring domains, SSL, backups, notifications, rollbacks, scheduled tasks, environments, organizations, SSO, preview deployments, patches, Docker Swarm clusters, running migrations, or troubleshooting Dokploy deployments. Covers tRPC API (~540 endpoints), CLI, MCP server (~540 tools), and common pitfalls with Next.js, Docker, and Traefik.

sattva2020 Bundle

Implement authentication and authorization in web applications. Use when adding login, signup, sessions, JWT tokens, OAuth, SSO, API key auth, role-based access control (RBAC), permissions, protected routes, middleware guards, password hashing, MFA/2FA, refresh token rotation, CSRF protection, or integrating auth providers like NextAuth/Auth.js, Better Auth, Lucia, Clerk, Auth0, Supabase Auth, Firebase Auth, Passport.js. Covers Next.js, Express, Fastify, Django, FastAPI, Laravel, Go. Handles database schema design, security hardening, and common auth pitfalls (token storage, session fixation, CORS).

scverse Skill

Profile Python import time using profimp and open a waterfall HTML report. Use when investigating slow startup or wanting to identify which imports are most expensive.

shader-slang Bundle

Select and use Slang's capability-oriented numeric interfaces when writing or porting generic numeric code. Use for scalar-versus-shaped constraints, dot products, component masks, scalar splats, builtin conversion, wrapper or custom-number conformances, compound arithmetic, elementary functions, or builtin-representation constraints.

shanmukhaditya Bundle

Autonomous stealth browser automation agent powered by Playwright with ref-based accessibility targeting, persistent daemon architecture, and human-motor kinematics (Bézier curves, natural typing rhythms). Replaces heavy DOM-streaming tools with token-efficient ref snapshots and full anti-bot protection.

shelf-nu Skill

Use when finishing a feature, fixing a bug, before committing React code, or when the user wants to improve code quality or clean up a codebase. Checks for score regression. Covers lint, dead code, accessibility, bundle size, architecture diagnostics.

shiftescape Bundle

Automate i18n and localization workflows — extract hardcoded strings, generate translation keys, manage locale files, audit coverage, and validate consistency across languages. Use this skill whenever the user mentions i18n, l10n, internationalization, localization, translations, locale files, or says things like "extract strings", "add i18n support", "support multiple languages", "translate my app", "missing translations", "hardcoded text", or works with files like en.json, messages.json, or frameworks like next-intl, react-i18next, vue-i18n, i18next, or Flutter's ARB files. When in doubt — if language support or translation is anywhere in the conversation — load this skill.

signerlabs Skill

Add a SwiftUI component from ShipSwift. Use when the user says "add component", "add a view", "add X view", "I need a chart", "add animation", or wants a specific UI element.

smartbrainactivity Bundle

Utiliza este skill cuando necesites crear mapas mentales, brainstormings visuales o esquemas jerárquicos interactivos en formato HTML listos para visualizar en el navegador. Intercepta la idea, diseña un documento markdown (.md) como modelo y complila localmente el mapa usando npx markmap-cli.

sorrycc Bundle

Build a multi-chapter animated 3D story from source material — procedural three.js, one scene.html, deterministic and seeded, with a mandatory screenshot audit loop and optional ElevenLabs narration, ambience and sound effects. Idea from @karpathy (https://x.com/karpathy/status/2083749667410727319). Use when asked to make a 3D story, a procedural three.js film, an animated diorama of a book/legend/myth, a 三国演义 / 水浒传 / Odyssey-style retelling, or to add a chapter to a story built with this skill.