Web & Frontend

davidortinau Bundle

Guidance for localizing .NET MAUI apps: multi-language support via .resx resource files, culture resolution and runtime switching, RTL layout, platform language declarations (iOS/Mac Catalyst Info.plist, Windows Package.appxmanifest), and image localization strategies. USE FOR: "localization", "multi-language", "resx resource", "translate app", "RTL layout", "culture switching", "localize strings", "right-to-left", "language support MAUI", "Info.plist languages". DO NOT USE FOR: theming or visual styles (use maui-theming), accessibility labels (use maui-accessibility), or content from REST APIs (use maui-rest-api).

davidortinau Bundle

Guide for making .NET MAUI apps accessible — screen reader support via SemanticProperties, heading levels, AutomationProperties visibility control, programmatic focus and announcements, and platform-specific gotchas for TalkBack, VoiceOver, and Narrator. USE FOR: "add accessibility", "screen reader support", "SemanticProperties", "AutomationProperties", "TalkBack", "VoiceOver", "Narrator", "accessible MAUI", "heading levels", "semantic description", "announce to screen reader", "accessibility audit". DO NOT USE FOR: general UI layout (use maui-collectionview or maui-shell-navigation), animations (use maui-animations), or gestures (use maui-gestures).

intelligentcode-ai Skill

Activate when user needs UI/UX design work - interface design, user research, design systems, accessibility. Activate when the web-designer skill is requested or work requires visual design or user experience expertise.

qte77-claude-code-utils Bundle

Implements concise, streamlined TypeScript/React code matching exact architect specifications. Use when writing TypeScript code, creating modules, or when the user asks to implement features in TypeScript/React.

qte77-claude-code-utils Bundle

Audits website accessibility for WCAG 2.2 AA compliance, generating findings and code fixes. Use when reviewing accessibility, keyboard navigation, screen reader compatibility, or inclusive design.

zoom-skills Bundle

Zoom Meeting SDK for Web - Embed Zoom meeting capabilities into web applications. Two integration options: Client View (full-page, familiar Zoom UI) and Component View (embeddable, Promise-based API). Includes SharedArrayBuffer setup for HD video, gallery view, and virtual backgrounds.

davidortinau Bundle

Apply the foundational reasoning of a senior UI/UX designer to interface decisions, BEFORE and WHILE generating UI, not just styling it afterward. This is design first principles (visual hierarchy, cognitive load, Gestalt grouping, usability heuristics, accessibility), the why behind good design, not execution (color, fonts, spacing, brand, component libraries). USE FOR: 'design a screen for', 'lay out this dashboard', 'what navigation should this app use', 'is this UI any good', 'structure this form', 'reduce clutter', 'make this clearer', grouping and prioritizing elements, choosing a flow or affordance. DO NOT USE FOR: picking colors, fonts, spacing scales, or brand systems (use a styling/execution skill); medium-specific layout (use ux-desktop, ux-tablet, or ux-mobile).

echoleesong Bundle

Best practices for Remotion - Video creation in React

eron1703 Skill

Methodology for writing FlowMaster requirement specifications and self-contained sub-component work items. Produces consistent, agent-buildable specs following the REQ-XX format.

eron1703 Skill

Frontend repository, build process, deployment, and development setup

zoom-skills Bundle

Zoom Video SDK for React Native. Use when building custom mobile video session experiences with @zoom/react-native-videosdk, event listeners, helper-based APIs, and backend JWT token flows.

zoom-skills Bundle

Zoom Meeting SDK for React Native. Use when embedding Zoom meetings in React Native iOS/Android apps with @zoom/meetingsdk-react-native, JWT auth, join/start flows, platform setup, and native bridge troubleshooting.

kevinslin-skills Bundle

Convert an existing static HTML site into a private Codex Site, optionally adding a persistent authenticated API and local programmatic writes. Use only when deliberately invoked as $html2site.

echoleesong Skill

Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.

eron1703 Bundle

FlowMaster frontend components and UI patterns for process automation

c0ntr0lledcha0s Bundle

Expert at creating Claude Code event hooks for automation and policy enforcement. Auto-invokes when creating/updating hooks, modifying hooks.json, designing event-driven automation, or writing hook configurations.

c0ntr0lledcha0s Bundle

Expert at creating and modifying Claude Code agents. Auto-invokes when creating/updating agents, modifying agent frontmatter (model, tools, description), designing agent architecture, or writing to */agents/*.md files.

c0ntr0lledcha0s Bundle

Expert at creating and modifying Claude Code skills. Auto-invokes when creating/updating skills, modifying skill frontmatter (allowed-tools, description), designing skill architecture, or writing to */skills/*/SKILL.md files.

c0ntr0lledcha0s Bundle

Expert at creating Claude Code plugins that bundle agents, skills, commands, and hooks. Auto-invokes when creating/structuring plugins, writing plugin.json manifests, or bundling components into packages.

c0ntr0lledcha0s Bundle

Expert at creating and modifying Claude Code slash commands. Auto-invokes when creating/updating commands, modifying command frontmatter (model, allowed-tools, argument-hint), designing workflows, or writing to */commands/*.md files.

c0ntr0lledcha0s Bundle

Expert at integrating MCP servers into Claude Code plugins. Auto-invokes when configuring MCP servers (stdio/SSE/HTTP/WebSocket), writing .mcp.json files, or adding external tool integrations.

zoom-skills Bundle

Zoom Meeting SDK Web - Component View. Embeddable Zoom meeting components with Promise-based API for flexible integration. Ideal for React/Vue/Angular apps and custom layouts. Uses ZoomMtgEmbedded with async/await patterns and embeddable UI containers.

kevinslin-skills Skill

Create a self-contained interactive HTML explanation of a code diff, branch, commit, or pull request.

ketomihine Bundle

ArchR docs served from downloaded_docs/archr_scrape - comprehensive scATAC-seq analysis toolkit with all HTML files explicitly listed

echoleesong Skill

Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS.

echoleesong Skill

The original v1 taste-skill, preserved for projects depending on its exact behavior. The current default is `design-taste-frontend` (v2 experimental), which is a substantial rewrite. Use this v1 install name only if you need exact backward compatibility.

ketomihine Bundle

Developing Heart Atlas notebooks converted to HTML (local)

aeyeops Bundle

Use when a multi-step task in Claude Code should be planned by a coordinator and implemented by parallel subagents: multi-agent planning for large refactors, multi-component features, or any work worth delegating to independent Opus subagents with a tracked task list. The coordinator enters plan mode, gets the breakdown approved, delegates each task, and verifies every result; subagents work independently and report back. When teammates must message each other mid-task, use ultraplan-teams instead.

ketomihine Bundle

CellChat 包源码随附的本地教程 + Rd 转换的函数文档 + R 源码 HTML - 完整覆盖173个文件

ketomihine Bundle

Xenium benchmarking 本地文档快照（全量 HTML）- 包含完整模块文档

aeyeops Skill

Use when a multi-component project in Claude Code needs an agent team whose teammates message each other mid-task over a shared task list, rather than independent subagents: parallel workstreams with file-ownership boundaries, cross-cutting changes where one teammate's output unblocks another, or long builds coordinated with SendMessage. Extends ultraplan with Claude Code's teams feature; the coordinator plans in plan mode, gets approval, creates the team, and verifies. For independent subagents that report back, use ultraplan instead.

aeyeops Bundle

Use when someone asks to document system architecture for a technical audience — write an ADR, capture an architectural decision, generate C4 diagrams (Context / Container / Component / Code), produce an OpenAPI spec for an HTTP API, draft a system or component design document, or document how services integrate. Covers the C4 model, Architectural Decision Records, OpenAPI specifications, and design documents for engineers who need to build against or reason about the architecture. Not for: end-user-facing docs (use the `aeo-docs:diataxis` skill instead — tutorials, how-tos, references, explanations live there), README content, or code-level inline documentation.

aeyeops Bundle

Use when building a terminal user interface in Python - a Textual multi-pane dashboard, an IDE-style interface, a REPL shell, or an interactive line editor with completions and validation using Python Prompt Toolkit. Covers widget composition, containers, CSS styling, messages, key bindings, themes, command history, TUI testing with the Textual Pilot API and snapshot tests, MCP server access and sub-agent delegation from a TUI, version requirements, and WSL2 layout quirks. For full-screen Python terminal apps; for argument parsing and command-line UX, use python-cli-engineering.

biwakonbu Skill

Use when user asks about Pages deployment, Pages Functions, framework support, Next.js, Nuxt, Astro, SvelteKit, Remix, or Hono on Cloudflare. Also use when user says Pages デプロイ, フレームワーク, SSR, 静的サイト. Cloudflare Pages のデプロイメントガイドで、Pages Functions、フレームワーク対応（Next.js, Nuxt, Astro, SvelteKit, Remix, Hono）、ビルド設定、プレビュー環境を提供する。

excatt Bundle

Evaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with quantitative scoring, persona-based testing, automated anti-pattern detection, and actionable feedback. Use when the user asks to review, critique, evaluate, or give feedback on a design or component.

excatt Bundle

Run technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns. Generates a scored report with P0-P3 severity ratings and actionable plan. Use when the user wants an accessibility check, performance audit, or technical quality review. (Impeccable design audit — distinct from /audit which validates project rules.)