Recca Tsai
Community@recca0120 · taiwan
Agent Skills by Recca Tsai
Showing 39 vetted skills indexed across 1 GitHub repositories.
frontend-design
Create production-grade frontend interfaces with intentional typography, color, and motion.
claude-code-helper
Explain Claude Code CLI skills, subagents, hooks, and MCP configuration.
Memory System - 模擬人類記憶
Store and retrieve reusable knowledge across sessions using Memory MCP tools.
fixture-driven-tdd
Replay real Claude CLI JSON fixtures to validate parser and pipeline tests.
collect-cli-fixtures
Capture real stream-json NDJSON traces from Claude or Gemini CLIs into sanitized JSONL fixtures.
frontend-data-layer
Build typed frontend data flows with ky, React Query, and Zod.
storybook-component
Creates Storybook 10 stories with CSF3 meta, decorators, args, and play functions for React components.
rpg-roadmap
Define RPG-style roadmaps mapping AI interactions to game mechanics and UI rules.
frontend-testing
Define React frontend testing strategies using testing-library user-visible assertions.
code-quest-review
Review Code Quest pull requests for protocol, handler, and Zod alignment.
env-config
Centralize environment variable access through dedicated server and web config modules.
zod-validation
Generate Zod v4 schemas for TypeScript input validation and integrations.
tailwind-v4
Enforce token-first Tailwind CSS v4 styling and ban literal pixel arbitraries.
Development Workflow - 開發工作流程
Guide TDD-driven feature workflows with layered tests and incremental commits.
vitest-testing
Guide Vitest test writing and debugging for server-side async pipelines.
fake-summoner-server
Simulate socket.io, Claude protocol, and filesystem services for server testing.
react-hooks
Enforce consistent React hook and Context patterns in React 19 projects.
pty-architecture
Implement PTY-based multi-session terminal architecture with node-pty and NDJSON stream parsing.
protocol-alignment
Compare cc-office protocol files against the VS Code Extension surface to detect alignment gaps.
tdd-guidelines
Enforce a Red-Green-Refactor workflow with test pyramid priority and MSW mocking.
msw-fetch-mock
Configure MSW v2 handlers to mock HTTP APIs in Vitest.
simple-git Reference
Inspect Git repository status, logs, diffs, and checkouts via simple-git.
cli-providers
Standardize provider-specific CLI capability handling across Claude and Gemini.
express-server
Builds a TypeScript Express server with InversifyJS, Socket.IO, and Supertest.