Web & Frontend

hassancs91 Bundle

Final step of the AI Storybook pipeline. Consolidates the scenes, images, and per-scene audio into ONE self-contained HTML storybook — a swipe/tap player with every image and audio clip embedded as base64 so the single file works offline and can be shared as-is. Reads {slug}_scenes.json, {slug}_images.json, and {slug}_audio/, then writes {slug}_story.json and {slug}.html. Use this skill whenever the user wants to build the final storybook, export to HTML, package the story, make the storybook file, generate the HTML, or wrap up the pipeline. Trigger on phrases like "build the storybook HTML", "export to HTML", "make the final file", "package the storybook", "generate the storybook", "wrap up the pipeline", or whenever the scenes + images + audio all exist and the user wants the single shareable file. Produces a single self-contained .html (images + audio embedded).

hongikarchi Bundle

Prepare and export the Rhino model to SketchUp (.skp) — optionally strip block/point/curve/hatch/dim, check that every object is a closed solid (SketchUp has no true solids, so open surfaces become loose faces), turn each object into its own block (exports as a SketchUp component), then export .skp targeting SketchUp 2013. Asks whether to work on a copy, dry-runs first, then applies. Trigger when the user wants to export/hand off to SketchUp / .skp / SU. Fire on Korean or English requests, e.g. "스케치업으로 내보내기", "skp export", "스케치업 2013", "블록으로 만들어서 내보내", "export to sketchup", "save as skp".

jonnybottles Skill

Create and package Power Platform solutions from CLI/API tooling. Use this skill whenever the user asks for a publisher, unmanaged solution, managed solution, solution component membership, pac solution export/import, ALM packaging, connection references, Dataverse tables/flows/agents in one solution, or deployment artifacts - even if they do not name the skill. Covers component type IDs, export verification, and safe managed-vs-unmanaged guidance.

jonnybottles Bundle

Wire one Microsoft Copilot Studio agent to another as a connected agent (multi-agent / agent-to- agent orchestration) from the command line - no Copilot Studio web UI, no browser automation. Covers the InvokeConnectedAgentTaskAction tool YAML, child-first build order, referencing a connected agent from the parent agent's instructions, passing inputs and outputs across the agent boundary with inputType / outputType and global variables, and pac CLI quirks that mangle or over-length component schema names. Leads with the AgentpluginActionNoOutputSetInEmitMode failure seen when a connected-agent tool is left in emit mode with no declared outputs. Use when the user wants an agent to call another agent, build a parent/orchestrator agent, add a connected or child agent, or debug an agent-calls-agent error. Triggers: connected agent copilot studio, multi agent copilot studio, orchestrator agent, InvokeConnectedAgentTaskAction, NoOutputSetInEmitMode, botSchemaName.

merit-systems Bundle

Enrich contact and company data using x402-protected APIs. Superior to generic web search for structured business data. USE FOR: - Enriching person profiles by email, LinkedIn URL, or name - Enriching companies by domain - Finding contact details (email, phone) with confidence scores - Scraping full LinkedIn profiles (experience, education, skills) - Searching for people or companies by criteria - Bulk enrichment operations (up to 10 at a time) TRIGGERS: - "enrich", "lookup", "find info about", "research" - "who is [person]", "company profile for", "tell me about" - "find contact for", "get LinkedIn for", "get email for" - "employee at", "works at", "company details" ALWAYS use x402.fetch for enrichx402.com endpoints - never curl or WebFetch. Returns structured JSON data, not web page HTML. IMPORTANT: Never guess endpoint paths. All paths follow the pattern https://enrichx402.com/api/{provider}/{action}. Use exact URLs from the Quick Reference table below or call x402.discover_api_endpoints first.

pedrohcgs Skill

Adversarial QA workflow comparing Quarto HTML against Beamer PDF benchmark. Iterates between critic (finds issues) and fixer (applies fixes) until APPROVED or max iterations reached.

zai-org Bundle

Convert a PDF (research paper, report, or any document) into a polished multi-slide HTML presentation with a structured outline JSON and summary markdown. Trigger this skill when the user mentions making slides or a PPT from a PDF — in Chinese or English.

code-yeongyu Skill

Designer-turned-developer who crafts stunning UI/UX even without design mockups

legendarylinux Skill

Use whenever a task writes or modifies React code, including JSX or TSX components, hooks, React tests, and React code snippets. Do not use for non-React JavaScript or standalone SCSS work.

manifold-works Skill

Adds a React page and feature folder with routes and API client calls wired to existing backend endpoints in a dotnet-vite-webapp-template app. Use when the user invokes /add-page, asks for a new screen/route/UI only, or the API already exists and needs a frontend.

manifold-works Skill

Adds a backend-only domain entity with EF Core configuration, migration, and minimal API endpoints to a dotnet-vite-webapp-template app without frontend UI. Use when the user invokes /add-entity, asks for a new model/table/API only, or needs schema work before a React page.

manifold-works Skill

Adds a full vertical feature slice (Domain entity, Application layer, EF migration, API endpoints, React feature folder, routes, and tests) to an existing dotnet-vite-webapp-template app, mirroring features/auth. Use when the user invokes /add-feature, asks to add a new feature/module, or wants end-to-end CRUD or domain functionality in the webapp template.

manifold-works Skill

Scaffolds a new .NET 10 + Vite React + Postgres web app by cloning the dotnet-vite-webapp-template, renaming AppName, configuring env/JWT, and starting Docker Compose with smoke tests. Use when the user invokes /create-webapp, asks to create a new webapp from the template, or wants a Docker-based .NET React starter.

spencer1o1 Bundle

Bring an Emergent.sh vibecoded app into a real local+GitHub workflow: dual-writer handoffs, Python/Mongo/React local boot, private emergentintegrations pip index, Windows dev scripts. Use when the user mentions Emergent, emergent.sh, vibecoding handoff, running an Emergent app locally, Pull from GitHub only for new projects, or emergentintegrations install failures.

pstanek Bundle

Dobór i pisanie testów unit, integration, component i E2E. Użyj przy implementacji logiki, nowej regule biznesowej albo zmianach testów. Nie używaj do recenzji samego copy ani dokumentacji.

pstanek Bundle

Składanie UI na Tailwind i shadcn, tokeny motywu, responsywność i stany. Użyj przy stylowaniu widoków, wyborze komponentu albo mapowaniu motywu na CSS. Nie używaj jako jedynego źródła copy sprzedażowego ani warstw danych.

qiuqiuqiu123 Bundle

使用最小可验证视觉表达解释代码架构、运行流程、UI 结构、数据流、重构、状态变化或复杂概念。使用场景（Use when）：紧凑图示、树、diff、Mermaid 或聚焦的 HTML 产物能让当前主题比纯文字更清楚。

quaylabshq Bundle

Chat UI building blocks for React/Next.js from ui.inference.sh. Components: ChatContainer, ChatMessages, ChatInput, MessageBubble, MessageContent, MessageReasoning, MessageStatusIndicator, Markdown. Capabilities: chat interfaces, message lists, input handling, streaming, file uploads, drag-and-drop, auto-scroll, reasoning/thinking blocks, markdown rendering with code highlighting. Use for: building custom chat UIs, messaging interfaces, AI agent frontends, conversational apps. Triggers: chat ui, chat component, message list, chat input, shadcn chat, react chat, chat interface, messaging ui, conversation ui, chat building blocks, inference.sh chat, agent chat ui, streaming chat

quaylabshq Bundle

Review React/Next.js UI code for compliance with web interface design guidelines. Triggers on requests like "review my UI", "check accessibility", "audit design", "review UX", "check my site against best practices", "review this component", or "audit web interface". Works with JSX, TSX, HTML, and CSS files.

quaylabshq Bundle

React and Next.js performance optimization guide with 58 rules across 8 priority categories. Use when writing new React components, implementing data fetching, reviewing code for performance, refactoring React/Next.js code, or optimizing bundle size and load times. Covers async waterfalls, bundle size, server-side performance, client-side data fetching, re-render optimization, rendering performance, JavaScript performance, and advanced patterns.

rimeinn Bundle

Router and checklist for writing or debugging Rime Lua components. Use for lua_processor, lua_segmentor, lua_translator, lua_filter, module return shapes, init/fini/func lifecycle, env state, yield semantics, notifier cleanup, Candidate/ShadowCandidate, Component wrappers, Memory, CommitHistory, Projection, LevelDb, and the bundled librime.lua type stub. Load references/full-reference.md for signatures and examples.

rimeinn Bundle

Router and checklist for installing, updating, packaging, or troubleshooting Rime schemas with plum (東風破). Use for rime-install usage, recipe target syntax, preset package groups, packages.conf files, environment variables, frontend data directories, interactive selection, recipe.yaml install/download/patch behavior, package cache layout, Windows bootstrap, and Makefile/system installs. Load references/full-reference.md for syntax tables and examples.

rimeinn Bundle

Reference router for Rime engine components. Use when configuring or debugging processors, segmentors, translators, filters, formatters, menu options, Lua component references, tags, recognizer/matcher behavior, translator options, simplifier, reverse lookup filters, or candidate pipeline ordering. Load references/full-reference.md only when exact component options or examples are needed.

rimeinn Bundle

Router and checklist for creating, editing, or diagnosing a Rime input method schema. Covers schema.yaml/dict.yaml relationships, schema metadata, switches, engine component selection, speller/translator choices, reverse lookup, menu, and validation steps. Load references/full-reference.md for detailed YAML examples, option tables, and complete phonetic/table schemas.

rimeinn Bundle

Router and checklist for Windows Weasel (小狼毫) frontend configuration and troubleshooting. Use for user/shared/log directories, weasel.yaml and weasel.custom.yaml, config_version, app_options, style, layout, font_face syntax, color schemes and color formats, per-schema style overrides, tray-based installation, plum integration, and common customization examples. Load references/full-reference.md for option tables.

tarlarion Bundle

Integrates, optimizes, and debugs Lottie animations in web apps and Telegram Mini Apps. Covers lottie-web, dotlottie, lottie-react, asset workflow, performance, and accessibility. Use when the user mentions Lottie, .json/.lottie animation assets, Bodymovin, LottieFiles, or wants to add or fix vector animations.

dotnet Skill

Add, configure, or review Ignite UI for Blazor Lite component support in Blazor applications. USE FOR: installing IgniteUI.Blazor.Lite or IgniteUI.Blazor.GridLite, registering AddIgniteUIBlazor() in Blazor Server, WASM, Hybrid, or split Blazor Web App projects, adding @using IgniteUI.Blazor.Controls, wiring the theme stylesheet, picking the right host page, locating the GridLite stylesheet path, explaining single-project vs split Server/Client Web App setup differences, and checking where an interactive render mode is needed for Ignite UI components to work. DO NOT USE FOR: general Blazor component authoring without Ignite UI, choosing app architecture or render mode from scratch (see create-blazor-project), JavaScript interop (see use-js-interop), authentication (see configure-auth), prerendering (see support-prerendering), or layout/component design questions that need no Ignite UI setup.

trailofbits Bundle

Generates an interactive HTML walkthrough for reviewing code changes. Use only when explicitly called.

glebis Bundle

Make an idea lookable and clickable at the cheapest fidelity that answers its one open question — an ASCII sketch, an SVG click-dummy with hotspots linking screens, or a self-contained HTML file. Use when the user wants to see or try an idea before committing to structure, tokens, or copy. Triggers on prototype, wireframe, mockup, click-dummy, sketch the screens, "what would this look like", "mock this up", "show me the flow", "прототип", "макет".

glebis Bundle

A battle-tested avoid-list of 39 structural and interaction defect classes for tool/dashboard UIs (structure, footers/metrics, tables, color/contrast, URL state, JS traps, accessibility/touch, i18n/theming, de-slop), distilled from a real build/audit cycle. Use when designing, building, or reviewing any layout, dashboard, data-dense tool UI, viewer, or admin interface. Triggers on "design a layout", "build a dashboard", "make a viewer/tool UI", "review this UI", "какие правила дизайна", or before writing any HTML/CSS for a tool-like interface.

duyet Bundle

Orchestrate complex work through parallel agent coordination. Decompose requests into task graphs, spawn background workers, and synthesize results elegantly. Use for multi-component features, large investigations, or any work benefiting from parallelization.

duyet Bundle

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

signalpilot-labs Skill

Generates an HTML report summarizing dbt project work: decisions, SQL, queries, verifier results, and visual charts. Only load when explicitly requested.

ingverd Skill

Builds production-quality UIs in the GTDing project. Enforces robust React 19 patterns, Ant Design 6 tokens, and fights against cheap AI visual aesthetics.

full-stack-biz Bundle

Create, convert, validate, and publish Claude Code plugins with Agent Skills, hooks, agents, and servers. Use when building plugins from scratch, converting projects to plugins, improving plugin structure, or publishing to marketplace. Includes automated scanning, manifest generation, marketplace.json creation, and validation guidance. Component-specific work delegates to hook-creator, subagent-creator, and skill-creator skills.

gaborpinterweb Bundle

Pattern/AGENTS compliance review of the current branch against main or master (whichever is fresher). Checks regressions, globals, reuse, naming, magic values, dead code, and diff-scoped a11y/i18n/CI/secrets. Use when the user asks to review a branch, run /review-branch, or wants a pre-merge branch review. Not a substitute for Bugbot or Security Review.