All authors
Claude Skills by Charles5277
github.com/Charles5277109 skills0 installs181 views
- Document WriterUse when writing blog posts or documentation markdown files - provides writing style guide (active voice, present tense), content structure patterns, and MDC component usage. Overrides brevity rules for proper grammar. Use nuxt-content for MDC syntax, nuxt-ui for component props.Votes: 0GitHub stars: 44
- MotionUse when adding animations with Motion Vue (motion-v) - provides motion component API, gesture animations, scroll-linked effects, layout transitions, and composables for Vue 3/NuxtVotes: 0GitHub stars: 44
- Nuxt Better AuthUse when implementing auth in Nuxt apps with @nuxtjs/better-auth - provides useUserSession composable, server auth helpers, route protection, and Better Auth plugins integration.Votes: 0GitHub stars: 44
- Nuxt ContentBuild typed, content-driven Nuxt applications with @nuxt/content. Use when working with content.config.ts, collections, queryCollection, Markdown or MDC rendering, content databases, hooks, custom sources, search, or Content v2 migrations.Votes: 0GitHub stars: 44
- Nuxt ModulesUse when creating Nuxt modules: (1) Published npm modules (@nuxtjs/, nuxt-), (2) Local project modules (modules/ directory), (3) Runtime extensions (components, composables, plugins), (4) Server extensions (API routes, middleware), (5) Releasing/publishing modules to npm, (6) Setting up CI/CD workflows for modules. Provides defineNuxtModule patterns, Kit utilities, hooks, E2E testing, and release automation.Votes: 0GitHub stars: 44
- Nuxt UiBuild UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming. Use when creating interfaces, customizing themes to match a brand, building forms, or composing layouts like dashboards, docs sites, and chat interfaces.Votes: 0GitHub stars: 44
- NuxtNuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes, useFetch, middleware, or hybrid rendering.Votes: 0GitHub stars: 44
- NuxthubUse when building NuxtHub v0.10.6 applications - provides database (Drizzle ORM with sqlite/postgresql/mysql), KV storage, blob storage, and cache APIs. Covers configuration, schema definition, migrations, multi-cloud deployment (Cloudflare, Vercel), and the new hub:db, hub:kv, hub:blob virtual module imports.Votes: 0GitHub stars: 44
- Pinia StorePinia store 架構規範。觸發：app/stores/**/*.ts、defineStore、全域狀態管理。NOT for server 端 狀態或 API route 設計（走 server-api），NOT for 單一元件內的區域狀態（直接用 ref/reactive）。Votes: 0GitHub stars: 44
- Reka UiUse when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled/uncontrolled state, virtualization, and styling integration. Formerly Radix Vue.Votes: 0GitHub stars: 44
- Server ApiUse for Nuxt or Nitro server API routes, defineEventHandler, request validation, or server-side auth data access.Votes: 0GitHub stars: 44
- Supabase ArchSupabase 架構決策：RPC vs Edge Function 選型、新功能的技術路線取捨。NOT for 撰寫 migration SQL 或 debug 既有 RLS policy，NOT for 前端狀態管理（走 pinia-store）。Votes: 0GitHub stars: 44
- Supabase MigrationSupabase migration 檔與 schema DDL 規範。觸發：supabase migration new、CREATE FUNCTION / ALTER TABLE / CREATE INDEX。NOT for RLS policy 的內容設計（走 supabase-rls）。Votes: 0GitHub stars: 44
- Supabase RlsSupabase RLS 政策規範：CREATE POLICY / ALTER POLICY、Row Level Security、角色存取控制。NOT for schema DDL 與 migration 檔規範（走 supabase-migration）；policy 寫在 migration 檔裡時，內容設計仍走本 skill。Votes: 0GitHub stars: 44
- Ts LibraryUse when authoring TypeScript libraries or npm packages - covers project setup, package.json exports, build tooling (tsdown/unbuild), API design patterns, type inference tricks, testing, and publishing to npm. Use when bundling, configuring dual CJS/ESM output, or setting up release workflows.Votes: 0GitHub stars: 44
- VueVue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive.Votes: 0GitHub stars: 44
- ImpeccableUse when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing,...Votes: 0GitHub stars: 44
- Analyze LogsAnalyze application logs from the .evlog/logs/ directory. Use when debugging errors, investigating slow requests, understanding request patterns, or answering questions about application behavior. Reads structured NDJSON wide events written by evlog's file system drain.Votes: 0GitHub stars: 44
- Better Auth Best PracticesConfigure Better Auth server and client, set up database adapters, manage sessions, add plugins, and handle environment variables. Use when users mention Better Auth, betterauth, auth.ts, or need to set up TypeScript authentication with email/password, OAuth, or plugin configuration.Votes: 0GitHub stars: 44
- Build Audit LogsBuild or review audit trails in TypeScript/JavaScript apps using evlog (pipelines, typed actions, denials, retention, compliance-style reviews). For application code, not for extending the evlog package.Votes: 0GitHub stars: 44
- CommitUse when 使用者要求提交工作區變更、merge back 已完成 worktree，或 worktree 就緒佇列達到提交條件；需要拆成多筆時同樣適用。NOT for 把 clade 改動散播到 consumer（走 /clade-publish），NOT for 新建實作 worktree（走 /wt）。Votes: 0GitHub stars: 44
- Nuxt Auth UtilsUse when implementing auth in Nuxt apps with nuxt-auth-utils - provides useUserSession composable, OAuth handlers, cookie-based sessions, and route protection. Works on all deployment targets without DB dependency.Votes: 0GitHub stars: 44
- Review Logging PatternsReview code for logging patterns and suggest evlog adoption. Optionally use @evlog/cli (`evlog init` to wire evlog, `evlog agents` to write the conventions into AGENTS.md, `evlog map` to score entry-point coverage, `--baseline` to gate regressions in CI) on Nuxt, Nitro, Next.js, and TanStack Start. Guides setup on those plus SvelteKit, React Router, NestJS, Express, Hono, Fastify, Elysia, oRPC, Cloudflare Workers, AWS Lambda, Astro, and standalone TypeScript. Detects console.log spam, unstruc...Votes: 0GitHub stars: 44
- Security EvidenceUse when 要判一則 Codex Security finding 是真漏洞還是假警報（finding mode），或上線前要分清 repo / staging / production 各層還缺哪些安全證據（map mode）。NOT for 修 code、跑掃描、寫 SECURITY.md。Votes: 0GitHub stars: 44
- Verification MaintainMaintain an existing project verification feature map and its harness when product changes make source or live coverage drift. NOT for initial setup or fixing product code.Votes: 0GitHub stars: 44
- Work LoopUse for unattended progression of plan tasks, HANDOFF items, tech debt, or roadmaps. Not for one-time handoff or user decisions.Votes: 0GitHub stars: 44
- Analyze LogsAnalyze application logs from the .evlog/logs/ directory. Use when debugging errors, investigating slow requests, understanding request patterns, or answering questions about application behavior. Reads structured NDJSON wide events written by evlog's file system drain.Votes: 0GitHub stars: 44
- Better Auth Best PracticesConfigure Better Auth server and client, set up database adapters, manage sessions, add plugins, and handle environment variables. Use when users mention Better Auth, betterauth, auth.ts, or need to set up TypeScript authentication with email/password, OAuth, or plugin configuration.Votes: 0GitHub stars: 44
- Better Auth Security Best PracticesConfigure rate limiting, manage auth secrets, set up CSRF protection, define trusted origins, secure sessions and cookies, encrypt OAuth tokens, track IP addresses, and implement audit logging for Better Auth. Use when users need to secure their auth setup, prevent brute force attacks, or harden a Better Auth deployment.Votes: 0GitHub stars: 44
- Bp把一條最佳實踐登記進 clade 的正確落點，或查新專案該套用哪些既有標準。Use when 使用者送 `\bp`、說「這個記成最佳實踐」「這條規範收進 clade」，或問新專案該套哪些現成標準。NOT for 寫進 memory，NOT for 散播既有改動（走 clade-publish）。Votes: 0GitHub stars: 44
- Build Audit LogsBuild or review audit trails in TypeScript/JavaScript apps using evlog (pipelines, typed actions, denials, retention, compliance-style reviews). For application code, not for extending the evlog package.Votes: 0GitHub stars: 44
- Cf CrawlUse when crawling a website with Cloudflare Browser Rendering /crawl to ingest web content.Votes: 0GitHub stars: 44
- CommitUse when 使用者要求提交工作區變更、merge back 已完成 worktree，或 worktree 就緒佇列達到提交條件；需要拆成多筆時同樣適用。NOT for 把 clade 改動散播到 consumer（走 /clade-publish），NOT for 新建實作 worktree（走 /wt）。Votes: 0GitHub stars: 44
- Dep Upgrade單 consumer outdated batch、跨 fleet 單套件 sweep，或第三方 skill 的上游偵測與同步。Votes: 0GitHub stars: 44
- Design RetroDesign review findings 的跨 spec 回顧。Use when 一件含 UI 的工作收尾完成、`docs/design-review-findings.md` 累積到 5 的倍數，或使用者要檢討重複出現的 UI 問題。NOT for 單一 spec 的 design review（走 /design）。Votes: 0GitHub stars: 44
- Document WriterUse when writing blog posts or documentation markdown files - provides writing style guide (active voice, present tense), content structure patterns, and MDC component usage. Overrides brevity rules for proper grammar. Use nuxt-content for MDC syntax, nuxt-ui for component props.Votes: 0GitHub stars: 44
- Gh Ci WatchUse immediately after a successful git push when the repo has GitHub Actions and CI / deploy completion must be watched — including slice draft PRs; also use when 查詢某 run 或某 SHA、撈 run log 證據、查 runner 佇列。CI 紅燈修回同一張 PR。NOT for 修 CI 紅燈本身的實作步驟（那是拿到結果後的除錯流程）。Votes: 0GitHub stars: 44
- GuideHub skill 地圖：本 repo 實際裝到的 skill 的使用場景、邊界與銜接流程（router，零 context 成本；依 consumer manifest 的 modules 分層）。Votes: 0GitHub stars: 44
- HandoffSession 交接與 bounded delegation。Use when `/handoff` 要登記進度、在支援的 runtime 交給 successor，或由 Codex upstream 派 native bounded work。NOT for 單純 commit 收尾（走 `/commit`）。Votes: 0GitHub stars: 44
- ImpeccableUse when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing,...Votes: 0GitHub stars: 44
- MyCharles 送出 `\my`（backslash，非 slash）時的完整流程——`\my` 是待拍板佇列（`flow pending`）的 chat 互動版本：讀佇列、把只存在對話裡的待決策點推進佇列、在對話裡渲染成可回覆的 Qn、回答時關 span 並落 carrier。收到 `\my` 這個 token 時 MUST 立刻載入本 skill 再開工。Votes: 0GitHub stars: 44
- Nuxt Auth UtilsUse when implementing auth in Nuxt apps with nuxt-auth-utils - provides useUserSession composable, OAuth handlers, cookie-based sessions, and route protection. Works on all deployment targets without DB dependency.Votes: 0GitHub stars: 44
- Nuxt Better AuthUse when implementing auth in Nuxt apps with @nuxtjs/better-auth - provides useUserSession composable, server auth helpers, route protection, and Better Auth plugins integration.Votes: 0GitHub stars: 44
- Nuxt Data AuditUse when auditing Nuxt data-fetching, performance, or client-server pagination schema boundaries. NOT for 非 Nuxt 專案，NOT for general code review。Votes: 0GitHub stars: 44
- Nuxt UiBuild UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming. Use when creating interfaces, customizing themes to match a brand, building forms, or composing layouts like dashboards, docs sites, and chat interfaces.Votes: 0GitHub stars: 44
- PiniaPinia official Vue state management library, type-safe and extensible. Use when defining stores, working with state/getters/actions, or implementing store patterns in Vue apps.Votes: 0GitHub stars: 44
- Playwright Best PracticesUse when writing Playwright tests, fixing flaky tests, debugging failures, implementing Page Object Model, configuring CI/CD, optimizing performance, mocking APIs, handling authentication or OAuth, testing accessibility (axe-core), file uploads/downloads, date/time mocking, WebSockets, geolocation, permissions, multi-tab/popup flows, mobile/responsive layouts, touch gestures, GraphQL, error handling, offline mode, multi-user collaboration, third-party services (payments, email verification), ...Votes: 0GitHub stars: 44
- Project BootstrapUse when creating or onboarding a Clade consumer from nuxt-supabase-starter. Not for existing-consumer feature work.Votes: 0GitHub stars: 44
- Review ArchiveUse when 使用者要求歸檔人工檢查。現行契約已停寫 docs/manual-review-archive.md；完成項留在 work package。NOT for 搬截圖（screenshots-archive 同樣已停 rotate）。Votes: 0GitHub stars: 44
- Review Logging PatternsReview code for logging patterns and suggest evlog adoption. Optionally use @evlog/cli (`evlog init` to wire evlog, `evlog agents` to write the conventions into AGENTS.md, `evlog map` to score entry-point coverage, `--baseline` to gate regressions in CI) on Nuxt, Nitro, Next.js, and TanStack Start. Guides setup on those plus SvelteKit, React Router, NestJS, Express, Hono, Fastify, Elysia, oRPC, Cloudflare Workers, AWS Lambda, Astro, and standalone TypeScript. Detects console.log spam, unstruc...Votes: 0GitHub stars: 44