Jay Fan-Chiang avatar

Jay Fan-Chiang

Community

@j172 · Taipei,Taiwan

2Followers
|
9Public Repos
|
49Published Skills

Scurm Master | System Analyst | Programmer (C#, Vue.js, Wordpress) | Advocate (INFJ-A) | j172.tw

Skills Distribution
DomainDeveloper To...Software Architect.. (30%)UI Animation & Des.. (25%)Testing & Code Qua.. (20%)Planning, Specs & .. (15%)

Agent Skills by Jay Fan-Chiang

Showing 49 vetted skills indexed across 1 GitHub repositories.

j172j172

research

Delegates topic research to a background agent that writes cited Markdown findings.

Community
Basic
j172j172

pick-ui-library

Recommends curated React libraries for frontend tasks like charts, toasts, drag and drop, and state.

Community
Basic
j172j172

domain-modeling

Maintains project glossaries and architectural decision records during domain design sessions.

Community
Intermediate
j172j172

animate

Implements UI animations using CSS transitions, WAAPI, and Motion with defined easing and duration rules.

Community
Intermediate
j172j172

setup-pre-commit

Configures Husky pre-commit hooks with lint-staged, Prettier, typecheck, and tests.

Community
Intermediate
j172j172

find-animation-opportunities

Scans a codebase for UI moments that would benefit from motion and proposes exact animation recipes.

Community
Intermediate
j172j172

wayfinder

Plans large efforts as decision-ticket maps on an issue tracker.

Community
Advanced
j172j172

setup-matt-pocock-skills

Configures a repository's issue tracker, triage labels, and domain doc layout for engineering skills.

Community
Intermediate
j172j172

setup-ts-deep-modules

Configures dependency-cruiser to enforce entry-point-only imports across TypeScript packages.

Community
Intermediate
j172j172

writing-great-skills

Provides vocabulary and principles for writing predictable, well-structured AI agent skills.

Community
Intermediate
j172j172

improve-animations

Audits codebase animation code and writes self-contained motion improvement plans.

Community
Advanced
j172j172

obsidian-vault

Search, create, and link notes in an Obsidian vault using wikilinks and index notes.

Community
Basic
j172j172

loop-me

Grills users one question at a time to produce workflow specification files.

Community
Intermediate
j172j172

handoff

Generates a handoff document summarizing the current conversation for a fresh agent session.

Community
Basic
j172j172

ubiquitous-language

Extracts domain terminology from conversations into a DDD ubiquitous language glossary file.

Community
Basic
j172j172

diagnosing-bugs

Diagnose hard bugs and performance regressions through a six-phase feedback-loop workflow.

Community
Advanced
j172j172

git-guardrails-claude-code

Installs a Claude Code PreToolUse hook that blocks dangerous git commands before execution.

Community
Basic
j172j172

code-review

Reviews a git diff against coding standards and the originating spec using parallel sub-agents.

Community
Intermediate
j172j172

to-tickets

Breaks plans and specs into tracer-bullet tickets with declared blocking edges.

Community
Intermediate
j172j172

request-refactor-plan

Creates a detailed incremental refactor plan and files it as a GitHub issue.

Community
Intermediate
j172j172

ask-matt

Routes user situations to the appropriate skill or workflow in the repository.

Community
Intermediate
j172j172

wizard

Generate interactive bash wizards that walk humans through manual setup and migration procedures.

Community
Intermediate
j172j172

improve-codebase-architecture

Scan a codebase for module deepening opportunities and present them as a visual HTML report.

Community
Advanced
j172j172

to-questionnaire

Generates a structured Markdown discovery questionnaire for a recipient to answer asynchronously.

Community
Basic

Frequently Asked Questions About Jay Fan-Chiang

FAQPage Schema
What tasks can I accomplish with j172's skill registry?

You can design deep TypeScript modules, run test-driven development, diagnose bugs, review code against standards and specs, build and audit UI animations, triage issues, break plans into tickets, extract DDD ubiquitous-language glossaries, and manage Obsidian notes.

Who is the target audience for these skills?

Frontend and TypeScript engineers, design engineers, and tech leads who want structured practices for module design, TDD, motion craft, code review, and spec-driven planning. Many skills encode Matt Pocock's and Emil Kowalski's engineering philosophies.

How do I set up and run these skills in a repo?

Run setup-matt-pocock-skills once to configure the issue tracker, triage labels, and domain doc layout. Many skills are user-invoked only (disable-model-invocation), so you trigger them explicitly by name rather than having them auto-activate.

What prerequisites or dependencies do these skills require?

Skills assume a Git-based repo, often TypeScript, and integrate with Husky, lint-staged, Prettier, dependency-cruiser, @total-typescript/shoehorn, GitHub Issues, Claude Code hooks, and Obsidian. Specific setup skills wire each integration into the current repository.

Do these skills modify my source code directly?

It depends on the skill. Skills like animate, implement, and setup-pre-commit write code or config, while find-animation-opportunities, improve-animations, and improve-codebase-architecture are read-only and produce audits or plans for separate execution.