Web & Frontend

sambernhardt Skill

Build a retroactive UIFork timeline — take existing git commit history for a component and materialize it as browsable UIFork versions (vs main or a discovered base), so past milestones are reviewable in-context without checking out old SHAs.

sametcelikbicak Bundle

Use when the user wants to check test coverage, enforce 100% coverage, find uncovered code, add missing tests, or increase code coverage. Works with vitest, jest, react-scripts, and other test runners. Also for 'coverage', 'test coverage', 'cover', 'untested', 'uncovered', 'add tests for', 'increase coverage', 'coverage report', 'write tests', 'test all files'.

samxiexs Bundle

Deeply analyze GitHub repositories with a github-repo-reader MCP server and generate one-page project presentation documents (PDF-ready Markdown, Markdown, or HTML) with repository links, architecture summaries, code snippets, technical highlights, and engineering-quality evidence. Use when users ask to analyze a GitHub URL, extract technical highlights from a repository, build project portfolio entries, or present practical programming experience from source code.

sangjiexun Bundle

当用户需要生成图片、AI 画图、上传图片后用文字修改、编辑图片、涂抹遮罩修改图片、多图融合参考生成、识别解析图片属性（类型/风格/时代/元素/镜头/配色/搭配/穿搭/视觉）、管理生成资产、使用AI 图像 API 生图时调用。弹出交互式 HTML 图像工作室（本地代理解决 CORS + curl 转发修复 CF TLS 指纹拦截），支持：文生图、独立导航的文改图（单图上传 + 文字描述修改）、图片上传 + Canvas 画笔遮罩涂抹编辑（红色高亮标注法 / 原生 mask）、2-10 张参考图融合生成、生成结果自动保存到本地资产库、LLM 图片识别（gpt-5.6-luna 优先失败自动回退 gemini）、502 等通讯异常自动诊断与修复、API Key 管理与校验。触发词：生图、生成图片、画图、文改图、文字修改图片、图生图、图像编辑、遮罩编辑、多图融合、图片识别、识别图片、我的资产、资产库、AI 图像生图、micu image、image studio。

cleanexpo Bundle

Synthex UX enforcer. NEVER produce generic bullet-list audit reports, recite WCAG rules without grounding them in Synthex's dark glassmorphic interface, or reference pnpm (this project uses npm). ALWAYS ground findings in Synthex's #0f172a dark background, Radix UI primitive semantics, and 4px spacing scale. Activate on ANY request to audit UX, review accessibility, optimise flows, check interactions, or validate usability.

cleanexpo Bundle

Synthex UI validation agent. NEVER run generic Lighthouse audits without grounding findings in Synthex's dark glassmorphic interface. NEVER reference pnpm. ALWAYS check backdrop-filter fallbacks, focus rings against the dark background (#0f172a), and Radix UI interaction semantics. Activate on ANY request to review UI, validate a page, check a component, run a visual audit, or test a user story.

cleanexpo Bundle

Synthex code quality enforcer. NEVER flag Synthex conventions as bugs (Australian English, Supabase-only auth, SWR with credentials:'include', selective error boundaries). NEVER suggest Redux, Zustand, tRPC, or any pattern absent from this codebase. ALWAYS enforce: useRouter from next/navigation, no window.location.href, SWR for client data fetching, { error: string } response shape. Activate on ANY request to review code, audit a PR, check a component, or validate an implementation.

cleanexpo Skill

Autonomous browser-based debugging of production and development issues. Captures console errors, network failures, JS stack traces, auth problems, and React hydration mismatches — and maps them to root causes and fixes. Use when a feature is broken in the browser but the server logs look clean, when a user reports a blank page or error, when auth is behaving unexpectedly, or when "it works in tests but not in the browser". Also use for "why is X broken?", "debug the dashboard", "check console errors".

tonydzi Skill

Health-check the second brain so failures are not silent: is the local search server alive, is the RAG index fresh, is the session-memory ledger filling, did the nightly distillation run. Read-only, with a green/red verdict per component. Triggers: "/brain", "/memory", "is the reindex alive".

tonydzi Bundle

Import any source into an Obsidian vault as well-linked atomic notes: social posts, Telegram HTML exports, ChatGPT JSON, voice-note transcripts, WhatsApp exports, Apple Notes, Notion dumps, pasted text, articles. Handles structure, frontmatter, provenance, dedup against existing notes and a closing RAG reindex. Triggers: "/obsidian-ingest", "import this into the vault", "file this".

kimtth Skill

Use when: add, customize, or extend shadcn/ui components with correct Tailwind and theming setup.

kimtth Skill

Use when: write or review React components with correct hooks, state, effects, and rendering.

kimtth Skill

Use when: build or reshape UI with distinctive, intentional visual design instead of generic defaults.

kimtth Skill

Use when: build Next.js App Router apps with correct file conventions, RSC boundaries, and data flow.

kimtth Skill

Use when: apply Next.js caching correctly — use cache, cacheLife, cacheTag, PPR, and revalidation.

kimtth Skill

Use when: design composable React component APIs that scale without boolean prop sprawl.

kimtth Skill

Use when: write or review React/Next.js code for performance — waterfalls, re-renders, bundle size.

aibtcdev Bundle

Pillar smart wallet operations in two modes — browser-handoff (pillar.ts) opens the Pillar frontend for user signing, and agent-signed direct (pillar-direct.ts) signs locally with a secp256k1 keypair and submits directly to the Pillar API (no browser required, gas sponsored). Supports sBTC send/supply/boost/unwind, DCA programs, stacking, key management, wallet creation, and position queries.

compozy Bundle

Create, update, refactor, or troubleshoot Storybook stories using project conventions. Excludes component implementation, token changes, E2E browser tests, and other documentation.

compozy Bundle

Create, extend, or debug frontend domain modules organized under systems/. Covers adapters, Query hooks, local state, and public exports; excludes generic components and backend implementation.

compozy Bundle

Build or review accessible UI components, dialogs, menus, forms, and custom widgets. Covers semantics/ARIA, keyboard/focus, screen readers, contrast, motion, and touch targets; use for reported accessibility issues.

compozy Bundle

Investigate a failure with an unclear cause, repeated unsuccessful fixes, or a cross-component boundary. Use existing reproduction evidence for a localized bug; not a mandatory multi-stage ritual for every edit.

nwave-ai Skill

Composition-root authoring-contract mandates for acceptance tests — SSOT + Zero Duplication via Types + Services + DSL, Driving-Port-Only Boundary (Farley four-layer protocol-driver contract, fixture-theater/tautological-test anti-pattern), Contract Shape Classification (@in-memory/@real-io tag-vs-composition), and Dormant-Seam Reconciliation (AT drives the DESIGN-declared seam, not the new component). Consult while composing the AT's driving surface, structuring step/type/service code, and tagging the contract shape. Canonical definitions; SSOT for these mandates.

cleanexpo Skill

On-demand loader for VoltAgent/awesome-codex-subagents. Install any of the 136 specialist Codex agents into Claude Code on demand. Covers backend, frontend, infra, security, data, DevEx, and meta-orchestration domains.

cleanexpo Skill

Accessibility Review Specialist

cleanexpo Skill

Enforce React hooks rules, key prop usage, stale closure detection, effect cleanup, and render performance

cleanexpo Skill

Detect API contract changes, Prisma schema breaks, component prop changes, and removed exports

dannykkh Bundle

Material-UI v7 component library patterns including sx prop styling, theme integration, responsive design, and MUI-specific hooks. Use when working with MUI components, styling with sx prop, theme customization, or MUI utilities.

dannykkh Bundle

Explicit `/react-dev` reference for advanced React/TypeScript typing and integration patterns. Do not auto-use for routine React implementation.

dannykkh Skill

Create backend/frontend API handoff docs for endpoints, frontend data needs, and cross-team data requirements.

dannykkh Skill

Health Connect(Android)와 HealthKit(iOS) 건강 데이터 수집/동기화/저장 종합 가이드. React Native(Expo), Swift, Kotlin, Web 환경에서의 구현 패턴과 실전 gotcha 포함. Health Connect, HealthKit, 헬스커넥트, 헬스킷, 심박수, 수면, 걸음 수, 건강 데이터, health sync, 백그라운드 동기화 요청에 사용한다.

dannykkh Skill

Social Login Implementation Guide. 소셜 로그인(Google, Apple, Kakao, Naver) 구현 가이드. React Native(Expo), Swift, Kotlin, Web 환경. 소셜 로그인, social login, 카카오/네이버/구글/애플 로그인, KOE205, DEVELOPER_ERROR, keyHash 문제와 실전 gotcha 요청에 사용한다.

dannykkh Bundle

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

dannykkh Bundle

아프로디테(design-plan) 파이프라인의 Experience Contract와 DESIGN.md를 실제 렌더로 구현하고 비평하는 미학 실행 스킬. 레시피/CSV/anatomy/스캐폴드와 공식 플러그인이 없는 CLI(Codex/Antigravity)의 디자인 폴백을 제공한다. Claude Code의 일반 UI 요청은 공식 frontend-design 플러그인이 담당한다.

dannykkh Skill

Create effective data visualizations with Python (matplotlib, seaborn, plotly). Use when building charts, choosing the right chart type for a dataset, creating publication-quality figures, or applying accessibility and color theory. 데이터 시각화, 통계 그래프, "이 데이터엔 어떤 차트?", 대시보드 차트 구성 판단, /data-visualization 요청에 사용한다. Based on anthropics/knowledge-work-plugins (Apache-2.0).

dannykkh Skill

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".