Web & Frontend

comfy-org Bundle

Write or update Storybook stories for Vue components in ComfyUI_frontend. Use when adding, modifying, reviewing, or debugging `.stories.ts` files, Storybook docs, component demos, or visual catalog entries.

neversight Skill

Build compiler frontends, IR generation, optimization pipelines, or code generation with LLVM. Use for language and DSL compiler work; use narrower LLVM skills for isolated tooling or analysis tasks.

qdhenry Skill

Analyze current platform UI components and map them to Salesforce B2B Commerce Experience Cloud / Lightning Web Component equivalents for storefront migration.

qdhenry Skill

Analyze a chunk of video frames from a client meeting screencast. Identify and categorize every UI component, form field, data structure, navigation element, and on-screen text visible. Designed for parallel deployment — multiple instances process different frame ranges simultaneously.

qdhenry Skill

Merge and deduplicate parallel frame analysis outputs into a single comprehensive UI component inventory and system architecture map. Produces the definitive screen catalog that feeds UI migration, data schema, and gap analysis agents.

mikkelkrogsholm Skill

Forklarer Findgloeds app-arkitektur — routes, sider, komponenter, API-endpoints, database-schema, auth og services. Brug denne skill ved al frontend- og backend-udvikling på projektet.

1593959 Bundle

代码 Review 助手。分析 Git diff 或代码片段，输出结构化中文 Review 报告，覆盖 Bug、安全漏洞、性能问题、可读性、最佳实践、类型安全、错误处理、测试覆盖。支持严格程度配置（信息/优化/标准/严重）和多种主流语言（Python/JS/TS/Java/Go/Rust）。支持 GitHub/GitLab PR diff 获取，支持 Markdown/JSON/HTML 多种输出格式。使用场景：用户说"帮我 review 代码"、"检查这段代码"、"review 一下最近的改动"、"review 这个 PR"、"看看这个 diff 有没有问题"、"代码审查"、"code review"、"严格模式 review"、"快速 review"。

jav-ed Bundle

Astro project conventions for Jav_Web — browser navigation, visual testing, and styling system. Use when working on pages, components, or styles in this project.

jav-ed Bundle

Run the accessibility audit CLI tool (axe-core). Use when auditing a web project for accessibility violations — dist mode (static HTML) or dev mode (Playwright against a live server).

nearai Skill

Use when starting work in the IronClaw repo, deciding where a feature/fix/prompt/doc belongs, tracing how a request flows, looking up which crate owns a subsystem, or when repo docs, the knowledge graph, or component names seem stale, missing, or contradictory.

shane9coy Bundle

Life companion and celestial strategist. Combines Astrovisor.io, Google Calendar/Gmail context, and interactive visualization to give timing guidance, natal analysis, and daily briefs.

itechmeat Bundle

Comprehensive guide for developing in the Astro monorepo. Covers architecture, debugging, testing, and critical constraints. Use when working on features, fixes, tests, or understanding the codebase structure.

itechmeat Bundle

Generate architecture documentation using C4 model Mermaid diagrams. Use when asked to create architecture diagrams, document system architecture, visualize software structure, create C4 diagrams, or generate context/container/component/deployment diagrams. Triggers include "architecture diagram", "C4 diagram", "system context", "container diagram", "component diagram", "deployment diagram", "document architecture", "visualize architecture".

tuziapi Bundle

通过 API 或 Chrome CDP 发布内容到微信公众号。支持文章发布（HTML、Markdown 或纯文本输入）和图文消息发布（多图）。当用户提到"发布公众号"、"微信公众号"、"贴图"、"图文"、"文章"时使用。

tuziapi Bundle

将 Markdown 转换为带样式的 HTML，支持微信公众号兼容主题。支持代码高亮、数学公式、PlantUML、脚注、提示框和信息图。当用户要求 "markdown to html"、"md转html"、"转换为html" 时使用。

tyecode Skill

Generates clean, modern, dark-mode-first developer tool and SaaS interfaces inspired by bypass.tools using Next.js, Tailwind CSS, shadcn/ui, Lucide Icons, and Framer Motion. Trigger automatically whenever creating web pages, dashboards, landing sections, or React UI components.

ukanwat Bundle

Architect game input — action mapping (abstracting keys into named actions), rebinding with conflict detection and persistence, multi-device support (keyboard, gamepad, touch), analog deadzones, and feel features like input buffering and coyote time, plus accessibility. Engine-neutral. Use when the user mentions input mapping, rebind controls, gamepad support, deadzone, input buffering, coyote time, or accessible controls.

wasulajr Skill

Set or change the per-session label (window/tab title AND badge/watermark) for THIS terminal pane only, in iTerm2, WezTerm, or AI Power Term. Use when the user wants a custom name for this specific tab ("call this tab 'deploy debugging'", "label this session 'prod work'", "set the badge to 'frontend'"). Title and badge always share the same string in this skill. Edits ~/.claude/hooks/headsup-status.d/<session>.conf which is LOCAL ONLY (gitignored, not pushed). For changing colors instead, use /headsup-colors.

yoanbernabeu Skill

Leverage Vue components in Slidev slides. Use this skill to add interactivity with built-in components or create custom ones.

shelbeely Skill

Implement Material Design 3 in terminal CLIs using Ink (React for CLIs) with @inkjs/ui components. Covers M3 token mapping to terminal colors, ThemeProvider setup, component mapping, and ANSI fallbacks. Use this when building M3-styled command-line interfaces.

shelbeely Skill

Implement Material Design 3 in Vue.js using Vuetify 3 with M3-aligned theming, dynamic color, and component library. Covers theme setup, components, dark mode, and design tokens. Use this when building M3-styled Vue.js applications.

shelbeely Bundle

Implement Material Design 3 in React using MUI (Material UI) with M3-aligned theming, or @material/web with React wrappers. Covers theme setup, component usage, dark mode, and Next.js SSR integration. Use this when building M3-styled React or Next.js applications.

shelbeely Skill

Implement Material Design 3 in Svelte using SMUI (Svelte Material UI) or @material/web directly. Covers component usage, theming, and Svelte 5 compatibility. Use this when building M3-styled Svelte or SvelteKit applications.

shelbeely Bundle

Implement Material Design 3 in Angular using Angular Material (@angular/material) with first-class M3 support. Covers M3 theming via design tokens, SCSS mixins, CLI schematics, and component usage. Use this when building M3-styled Angular applications.

shelbeely Bundle

Implement Material Design 3 using only vanilla CSS custom properties and semantic classes. Zero dependencies. Use this when building M3-styled static sites, simple web apps, or when you need full control over every design token without a framework.

shelbeely Bundle

Implement Material Design 3 with Tailwind CSS by mapping M3 design tokens to Tailwind's theme configuration. Covers the tailwind-material-3 plugin and manual token mapping. Use this when building M3-styled projects with Tailwind CSS.

shelbeely Bundle

Applies Material Design 3 Expressive dynamic color and theming principles to user interfaces. Use this when working on color palettes, themes, dynamic color systems, accessibility, or when the user asks to apply Material Design 3 color guidelines to a design or application.

shelbeely Skill

Applies Material Design 3 icon guidelines using Material Symbols — Google's variable font icon system. Use this when working with icons, Material Symbols, icon sizing, icon accessibility, or when the user asks to apply Material Design 3 icon guidelines.

shelbeely Bundle

Applies Material Design 3 Expressive shape and containment principles including rounded corners, morphing shapes, and container design. Use this when working on component shapes, borders, containment, or when the user asks to apply Material Design 3 shape guidelines.

terrylica Bundle

Automated UI/UX + accessibility audit for the ClickHouse Monitor dashboard (apps/dashboard-tsr). Use this whenever the user wants to "test all pages", "audit the dashboard", "find UI/UX issues", "check accessibility / a11y", "spot visual regressions", "screenshot every route", "reproduce a UI bug", or asks to verify the dashboard UI after a change or deploy. It sweeps every dashboard route headlessly, captures console errors + failed network calls, runs axe-core accessibility scans, detects layout overflow and stuck loading skeletons, diffs screenshots against a baseline for visual regression, and emits a runnable repro (trace.zip + script) for each issue so it can be replayed on demand. Runs against the local dev server (auth bypassed) by default, or the live Clerk-protected deployment using the stored test session. Prefer this over ad-hoc one-off Playwright scripts for any multi-page UI check.

julianoczkowski Skill

Help with correct Modus icon usage patterns including naming conventions, sizing, and accessibility

julianoczkowski Skill

Scaffold form components with proper Modus input integration, event handling, validation, and checkbox bug handling

julianoczkowski Skill

Properly set up and clean up event listeners for Modus web components using useEffect patterns

julianoczkowski Skill

Scaffold a new Modus wrapper component following established patterns with proper TypeScript interfaces, event handling, and cleanup

julianoczkowski Skill

Apply the critical checkbox value inversion workaround when working with ModusCheckbox components

julianoczkowski Skill

Create Modus modals using the forwardRef + useImperativeHandle pattern for programmatic control