Web & Frontend

sorawit-w Bundle

A short, conversational interview that builds a portable profile of the user — who they are and how they want to be collaborated with — so the agent can tailor its responses. Triggers on `/whoami`, "get to know me", "set up my profile", "personalize how you work with me", "calibrate how you respond", the user mentioning they are new to AI or switching agent vendors, or a request for their collaboration "character sheet" or player profile. Produces six collaboration dials, an RPG-style class + subclass with a character portrait, a memory profile, and a self-contained HTML character sheet. When a profile exists, bare `/whoami` reviews it and offers to correct or re-run; `/whoami rerun` restarts the interview. Does NOT trigger for project- or task-specific work calibration (use `handshake`), routine memory edits or CRUD (use memory-management), or brand-voice work. `whoami` is person-level and broad; `handshake` is project-level and feeds from it.

sorawit-w Bundle

Constructs an investor-ready pitch deck as a single self-contained HTML file (Reveal.js, print-to-PDF, zero network dependencies). Interviews the founder for real content — problem, solution, market, product, business model, traction, team, competition, ask, use of funds — and enforces one-claim-per-slide plus required-slot gating. Gated on `riskiest-assumption-test`: refuses to ship a clean deck unless a RAT plan exists with populated `## Results` for the top-3 hypotheses (override ships a `[PRE-VALIDATION DRAFT]` watermark). Use when the user asks to "build a pitch deck", "create a fundraising deck", "make an investor deck", "Series A deck", "seed deck", "demo day deck", or uploads a validation-canvas / RAT plan / brand kit and asks for the pitch. Also trigger when `brand-workshop`, `validation-canvas`, and/or `riskiest-assumption-test` output is ready, or when `@startup_strategist` + `@vc_partner` are the right lenses. Use it even for a single slide.

sorawit-w Bundle

Installs a lasting plain-English rule set into the user's global CLAUDE.md, so every later reply stays readable for people who read English as a second language — common words, the answer first, no idioms. Also rewrites a dense passage on demand. Triggers on: "say that in plain English", "simpler English", "your replies are too long / too dense / hard to read", "write for non-native English readers", "ESL readers", "install / update / uninstall the plain-English rules", "/plain-english". Does NOT trigger for: drafting messages sent as the user (`ghostwriter`); explaining what one word means in context (`define`); translation files or locale work (`i18n`); tuning the whole collaboration or its defaults (`whoami`, `handshake`) — this fixes readability only; or teaching English — no lesson plans, grammar drills, or test prep. Keeps technical terms (React, async, migration, cache) unchanged.

sorawit-w Bundle

Fast, code-grounded triage of an ALREADY-BUILT product. Ingests a codebase (primary) and/or live URL (secondary), infers the model from what's built, diffs it against the claimed story, and ships an HTML dossier with a Continue/Pivot/Kill verdict and a Red/Amber/Green band. Claims are confidence-tiered (observed/inferred/unknown) with provenance; the verdict is explicitly OPINION, not financial or legal advice. Use when the user says "audit my startup", "grill my built product from the repo/URL", "should I continue, pivot, or kill this", "does the code match the pitch", or points the skill at a repo/URL asking whether to keep going. The INPUT decides, not the verb: a codebase/URL plus a verdict request is THIS skill even if they say "grill"/"kill". Do NOT use for: pre-build idea validation (`validation-canvas`); a deep adversarial verdict on belief artifacts or to CONFIRM a Kill/Pivot (`startup-grill`, which reads a canvas/deck, not code); the full 5-artifact kit (`startup-launch-kit`).

sorawit-w Bundle

Audit the evaluation layer of an AI product against design-completeness questions: offline criteria, ground-truth quality, online signal, cohort/disparate-impact, adversarial + robustness coverage, and drift detection. Eval-side companion to `ai-ux-review`. Produces an editable Markdown artifact plus a self-contained HTML report under `docs/ai-ux/`. Use when the user asks to "review my AI eval setup", "audit my eval design", "is my AI eval rigorous enough", "responsible-AI eval review", "fairness eval check", or "drift detection design", or ships an LLM/ML feature and wants an eval-rigor check. Invoke even if only one block is named — the others stress-test it. Does NOT trigger for: human-AI UX review (`ai-ux-review`); lean-canvas work (`validation-canvas`); adversarial pre-mortem with a verdict (`startup-grill`); SKILL.md audits (`skill-evaluator`); implementing eval pipelines, writing eval code, or labeling datasets (this skill names gaps, it does not build them).

sorawit-w Bundle

Analyze a product, idea, or resource set (code, docs, URLs) against a stated goal and produce a restraint-first report on where gamification genuinely fits, and more prominently where it deliberately does NOT. Most features should not be gamified; the value is discrimination, not idea volume. SDT-anchored; avoids default Points/Badges/Leaderboards; refuses manipulation (non-droppable ethics veto). Produces an editable Markdown artifact plus a self-contained HTML report. Requires TWO inputs: the resources AND a goal/metric (it infers and confirms the goal if missing). Use when the user asks to "gamify my product", "where should I add gamification", "should I gamify X", or points the skill at a codebase/docs/URL plus a goal. Does NOT trigger for: UX review of an existing AI feature (`ai-ux-review`); designing an actual game (`team-composer` @game_designer); implementing the mechanics (suggests, then hands off); dark-pattern or engagement-maximization hacks (refused).

sorawit-w Bundle

Elicits founder beliefs block-by-block to produce a Lean Canvas (Maurya) plus Value Proposition Canvas (Osterwalder) combined artifact (`validation-canvas.md`, editable, plus `validation-canvas.html`, self-contained visual). Job — "what do we believe?". Adapts to founder experience via a 3-question intake mapping to Guided / Focused / Compressed-with-Challenge modes. Use when the user asks to "build a validation canvas", "lean canvas for my startup", "VPC", "value proposition canvas", "map out my business model", "fill in the lean blocks", or uploads a product idea and asks how to articulate the model. Also trigger when `brand-workshop` output is ready, or when `@startup_strategist` is the right lens. Use it even for one block — the others stress-test it. Replaces the prior `business-model-canvas` (BMC) skill; the Lean Canvas is the right altitude for an idea-stage founder. For nine-block BMC (board packets, regulated pitches), use `team-composer` with `@startup_strategist`.

sorawit-w Bundle

Walks the founder through assumption dump, risk × impact ranking, falsifiable hypothesis rewriting, and test-method selection — produces a 1-page Assumption Test Plan with the top-3 ranked hypotheses, success/kill criteria, and an interactive HTML risk × impact matrix. Use after `validation-canvas` and BEFORE `pitch-deck` — pitching on untested assumptions is sales theater. Triggers on "test my assumptions", "riskiest assumption", "RAT", "what should I validate first", "assumption mapping", "experiment design", "how do I de-risk this", "Wizard of Oz test", "fake door test", "concierge MVP", "smoke test", "5-interview rule", or when `validation-canvas.md` has populated Stress Tests and the user asks what's next. Job — "what have we proven?". Upstream half of validation closure; the downstream half loops results back into the canvas. NOT a discussion of testing in general (use `team-composer`); NOT a generic experiment platform. Produces a plan, not the experiments.

sorawit-w Bundle

Opinionated technology stack guidance for new projects and migrations. **You MUST use this skill whenever the user is starting a new project, picking a runtime (Bun/Deno/Node), choosing a frontend framework, database, auth provider, hosting platform, styling system, mobile stack, i18n library, or AI-agent framework that the project doesn't yet have, setting up a monorepo, or migrating between stacks.** Do not assume a stack decision is too obvious to need this skill — consult it before recommending any specific technology. Does NOT trigger on: debugging existing code, maintaining or extending the current stack's existing components, library-version or package-manager migrations within the same stack, configuring tools already installed, or 'how do I do X in [framework I already use]' questions.

thedecipherist Skill

Use when building or modifying an interactive terminal UI (TUI), especially with Ink + React on Node, or when hitting terminal-resize rendering bugs — ghost/repeated content, a blank screen after resize, or a divider/layout that won't update width. Carries battle-tested resize rules Claude otherwise gets wrong. Not for plain non-interactive CLIs (flag parsing, scripts) with no full-screen rendering.

thedecipherist Skill

Accessibility and screen-reader support, built in from the start rather than bolted on. Claude treats a11y as an afterthought and reaches for clickable divs, skips alt text and labels, and removes focus rings. Use when building or editing any UI, page, or interactive component. Covers semantic HTML before ARIA, real buttons and links, accessible names, keyboard operability and focus management, headings and landmarks, contrast and motion, and how to actually test it. Most of it is free if you use the right element.

thedecipherist Skill

Where CSS should live. Claude defaults to dumping a giant <style> block or scattering style="..." attributes instead of putting styles in a .css file and linking it. Use when building or editing a web page or component, or whenever about to write a style attribute or an embedded style block. Covers defaulting to an external stylesheet, why inline style attributes are a trap, and the few cases where inline is actually correct (dynamic values via custom properties, critical CSS, single-file artifacts, email).

thedecipherist Skill

Writing CSS and markup that works on phone and desktop at the same time, the responsive failures Claude repeats. Use when building or editing any web page or component, or when something overflows horizontally, a code block blows out the page, text is huge on mobile, or content won't scroll on touch. Covers the viewport meta tag, the flex/grid min-width:0 rule that fixes most overflow, code blocks that scroll instead of overflowing, fluid type with clamp(), and mobile-first breakpoints. This is authoring guidance, design-review evaluates the result.

thedecipherist Skill

Web performance as an up-front design decision, not a later optimization pass. Use when building any user-facing page or component, deciding what loads when, or fixing a slow load or Core Web Vitals (LCP, CLS, INP). The organizing principle is to split what the user needs for first paint from what can wait, and build to that split from the start. Covers render-blocking CSS/JS, preloading the LCP element, lazy-loading the rest, reserving space to stop layout shift, and image/font/JS cost.

thedecipherist Skill

One canonical Zod schema per entity, reused across the stack instead of redeclared at each layer. Use whenever defining or changing a data shape, a TypeScript type or interface for an entity, an API request/response validator, an Express body/query/params check, a frontend form validator, or a DB document shape. Catches the same-entity-defined-four-times drift. TypeScript-first, derive types and per-layer variants from one base instead of hand-writing parallel copies.

toverux Bundle

Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.

tuyoogame Skill

生成交互式 HTML 可视化（图表、流程图、UI原型、数据仪表盘、演示页等）

wwwroot Bundle

AI system prompt instructions for UI/UX Design — Interface & Systems Edition. Transforms an AI assistant into a Senior Product Designer and Design Systems Architect for user-centered design, design systems, accessibility, interaction design, and user research. Covers design tokens, WCAG compliance, cognitive principles, responsive patterns, and cross-platform guidelines (iOS, Android, Web). Modular: load individual files by session focus.

wwwroot Bundle

AI system prompt instructions for TypeScript / React / Next.js Edition. Transforms an AI assistant into a Senior Fullstack Engineer and Frontend Architect for React 19+, Next.js 15+, and modern frontend engineering. Covers strict TypeScript, Server Components, server actions, accessibility, testing, database integration, and component architecture. Modular: load individual files by session focus.

grimaldost Bundle

Root-cause-first debugging in four phases — investigate (read the full error, reproduce, check recent changes, instrument component boundaries), pattern-match against working examples, test one hypothesis at a time, then fix the cause with a failing test. Use when any bug, test failure, or unexpected behavior lacks a proven cause, when a fix is being proposed before the data flow was traced, when the previous fix didn't work, especially under time pressure (guessing is slower than the protocol), and when three or more fixes have failed — treat that as an architecture signal and raise it with the user instead of attempting a fourth. The bright line: no fix before the root cause is identified with evidence; in multi-component systems, log what enters and exits each boundary before theorizing. Hands the reproducing test to test-driven-development and the resolution claim to verification-before-completion. Not for changes whose cause is already proven (just fix them) and not for performance tuning without a defec

nob-git-dev Bundle

ユーザーの目的を基点に、Web UI/UX、Reactコンポーネント、状態設計、アクセシビリティ、ユーザビリティ、視覚・操作検証を扱う。画面、デザイン、フロントエンド実装の変更で使う。

liujiayi3703 Bundle

UZI deep stock analysis workflow. Use when the user asks for full equity research, valuation, DCF, comps, catalysts, earnings review, IC memo, initiation report, HTML report, or A-share/HK/US stock deep analysis.

xplore-lab Bundle

FBS 福帮手长文档写作：书/手册/白皮书/长篇报道全流程；Node 脚本驱动 intake、会话恢复、S/P/C/B 质检与 MD/HTML 交付。用户提及写书、出书、章节、大纲、素材、质检、导出、扩写、退出保存时启用。

flc1125 Bundle

Create a simple, picture-first explanation of a topic, defaulting to self-contained HTML. Use when the user says ELI5, asks to explain something like they are five, or wants a visual explanation with very few words; do not use for ordinary concise explanations that do not ask for this style.

jtsang4 Bundle

Create professional SVG diagrams of any type — architecture diagrams, flowcharts, sequence diagrams, structural diagrams, mind maps, timelines, illustrative/conceptual diagrams, and more. Supports light (default) and dark themes. Use this skill whenever the user asks for any kind of technical or conceptual diagram, visualization of a system, process flow, data flow, component relationship, network topology, decision tree, org chart, state machine, or any visual representation of structure/logic/process. Also trigger when the user says "画个图" "画一个架构图" "diagram" "flowchart" "sequence diagram" "draw me a ..." or uploads content and asks to visualize it. Output is always a standalone .svg file.

jtsang4 Bundle

Search a user's Cubox collection deeply by topic, theme, or question. Use this whenever the user asks to search Cubox, saved articles, archived reads, or collected pages for a subject, wants multiple keyword variations tried, wants full-text search across Cubox, or needs article details exported from Cubox HTML into local Markdown with downloaded images for later analysis.

atmosphere Bundle

Run the pre-release end-to-end sweep of every user-facing surface — the 33 samples under samples/ (booted from their packaged artifacts and driven in a real browser via chrome-devtools MCP), the Expo/React Native client, and the atmosphere CLI. Use before cutting a release, and after any change to the Console bundle, a shared module, atmosphere.js, the CLI, or several samples at once. Covers preconditions, the keyless Ollama backend, the per-sample launch/drive/collect/teardown loop, the evidence ledger, the fix phase (every issue gets a biting regression test in the right suite), the re-test subset, and the report.

voidverse-xyz Skill

Preserve an existing application's internationalization system when adding or changing user-visible text, validation messages, formatting, locales, or directionality. Use for frontend or backend localization work; follow the project's catalogs, fallback rules, and translation API.

voidverse-xyz Bundle

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

voidverse-xyz Skill

Apply repository-aligned JavaScript, TypeScript, and React conventions for readable structure, imports, async work, state, modules, comments, and error contracts. Use when establishing conventions or making non-trivial JS/TS or React changes where local rules are unclear; skip for routine edits with an obvious nearby pattern.

voidverse-xyz Skill

Scaffold an Express, Mongoose, Next.js, and React application with this opinionated layered architecture. Use only when the user explicitly chooses this blueprint; do not apply it automatically to existing applications, routine endpoint work, or frontend-backend integration.

voidverse-xyz Skill

Connect a frontend feature to a backend endpoint while preserving the project's API client, response contract, state ownership, caching, and error handling. Use when adding or changing client services, React hooks, query integrations, contexts, or consuming components.

taleshagn-horushub Bundle

Transforma os drafts de conteúdo (do multicanal-formatter) em ARTES PRONTAS PARA POSTAR (PNG) na identidade visual Horus Hub — carrossel/feed do Instagram, imagem do post de LinkedIn, thumbnail de YouTube e capa de TikTok/Reels. Use sempre que o usuário quiser "gerar a arte", "o design pronto pra postar", "transformar o roteiro em carrossel visual", "fazer as imagens do post/carrossel", ou criar peças visuais de marca para redes sociais. Usa templates HTML/CSS (Space Grotesk/Inter/Montserrat, dark

uniclipboard Skill

Use when finishing a feature, fixing a bug, before committing React code, or when the user types `$react-doctor`, asks to scan, triage, or clean up React diagnostics. Covers lint, accessibility, bundle size, architecture. Includes a regression check and a full local-triage workflow that fetches the canonical playbook.

valkryhx Bundle

强制 AI Agent 在执行任何高风险或实质性操作（如修改文件、执行命令、查询数据库）前进行逻辑梳理、步骤拆解。这是一种显式驱动 ReAct 循环的思想链（CoT）触发器。

wukongnotnull Bundle

Clone a live URL as a runnable frontend-only local app.