julianromli/faiz-skills

1

apple-design Apple's approach to interface design and fluid, physical motion, translated for the web.

julianromli/faiz-skills

3

2

animation-vocabulary Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the …

julianromli/faiz-skills

2

3

baseline-ui Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface need…

julianromli/faiz-skills

2

4

create-design-md Create or update a DESIGN.md from an existing product repository or public website.

julianromli/faiz-skills

2

5

design-system Translates an image (or a set of image references — screenshots, mockups, Figma URLs, live websites) into two mirrore…

julianromli/faiz-skills

2

6

emil-design-eng This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible …

julianromli/faiz-skills

2

7

find-animation-opportunities Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't.

julianromli/faiz-skills

2

8

fixing-metadata Audit and fix HTML metadata including page titles, meta descriptions, canonical URLs, Open Graph tags, Twitter cards,…

julianromli/faiz-skills

2

9

improve-animations Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-c…

julianromli/faiz-skills

2

10

improve-ui Audit an existing product surface against its own design evidence, identify verified UI problems, and write self-cont…

julianromli/faiz-skills

2

11

make-interfaces-feel-better Design engineering principles for making interfaces feel polished.

julianromli/faiz-skills

2

12

product-planner Vision intake conversation followed by generation of three product documents — `docs/product-vision.md` (strategy and…

julianromli/faiz-skills

2

13

resolving-merge-conflicts Use when you need to resolve an in-progress git merge/rebase conflict.

julianromli/faiz-skills

2

14

review-animations Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy…

julianromli/faiz-skills

2

15

userinterface-wiki UI/UX best practices for web interfaces. Use when reviewing animations, CSS, audio, typography, UX patterns, prefetch…

julianromli/faiz-skills

2

16

ask-matt Ask which skill or flow fits your situation. A router over the skills in this repo.

julianromli/faiz-skills

1

17

better-accessibility Accessibility engineering for product interfaces, from focus states and keyboard support to ARIA, forms, and screen r…

julianromli/faiz-skills

1

18

better-colors OKLCH color space and color usage for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, …

julianromli/faiz-skills

1

19

better-interface User-invoked, cross-discipline interface review that coordinates better-accessibility, better-layout, better-writing,…

julianromli/faiz-skills

1

20

better-layout Layout structure for web interfaces, from grouping and alignment to reading order, progressive disclosure, and adapti…

julianromli/faiz-skills

1

21

better-typography Web typography from choosing fonts to spacing, wrapping and accessibility. Use when picking or pairing typefaces, con…

julianromli/faiz-skills

1

22

better-ui Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing fronten…

julianromli/faiz-skills

1

23

better-writing >- UX writing and interface copy, from voice and button labels to error messages and empty states. Use when writing o…

julianromli/faiz-skills

1

24

caveman Ultra-compressed communication mode. Cuts output tokens 65% (measured) by speaking like caveman while keeping full te…

julianromli/faiz-skills

1

25

code-review Review the changes since a fixed point (commit, branch, tag, or merge-base) along two axes — Standards (does the code…

julianromli/faiz-skills

1

26

codebase-design Shared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find…

julianromli/faiz-skills

1

27

context7-mcp This skill should be used when the user asks about libraries, frameworks, API references, or needs code examples. Act…

julianromli/faiz-skills

1

28

diagnosing-bugs Diagnosis loop for hard bugs and performance regressions. Use when the user says "diagnose"/"debug this", or reports …

julianromli/faiz-skills

1

29

domain-modeling Build and sharpen a project's domain model. Use when the user wants to pin down domain terminology or a ubiquitous la…

julianromli/faiz-skills

1

30

grill-me A relentless interview to sharpen a plan or design.

julianromli/faiz-skills

1

31

grill-with-docs A relentless interview to sharpen a plan or design, which also creates docs (ADR's and glossary) as we go.

julianromli/faiz-skills

1

32

grilling Grill the user relentlessly about a plan, decision, or idea. Use when the user wants to stress-test their thinking, o…

julianromli/faiz-skills

1

33

handoff Compact the current conversation into a handoff document for another agent to pick up.

julianromli/faiz-skills

1

34

hermes-wag-summarizer Plug & play guide to set up automatic WhatsApp group summaries with Hermes Agent — pairing, bot behavior config, pars…

julianromli/faiz-skills

1

35

implement Implement a piece of work based on a spec or set of tickets.

julianromli/faiz-skills

1

36

improve-codebase-architecture Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one y…

julianromli/faiz-skills

1

37

improve-react Survey a whole React codebase as a senior React engineer, using React Doctor's scan as evidence, then produce a prior…

julianromli/faiz-skills

1

38

pick-ui-library Pick the right library for a given frontend task from a curated, opinionated list — numbers, OTP inputs, charts, comm…

julianromli/faiz-skills

1

39

prototype Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state mode…

julianromli/faiz-skills

1

40

react-doctor Use when finishing a feature, fixing a bug, before committing React code, or when the user types `/doctor`, asks to s…

julianromli/faiz-skills

1

41

research Investigate a question against high-trust primary sources and capture the findings as a Markdown file in the repo. Us…

julianromli/faiz-skills

1

42

seo-audit When the user wants to audit, review, or diagnose SEO issues on their site. Also use when the user mentions "SEO audi…

julianromli/faiz-skills

1

43

setup-matt-pocock-skills Configure this repo for the engineering skills — set up its issue tracker, triage label vocabulary, and domain doc la…

julianromli/faiz-skills

1

44

systematic-debugging Use when encountering any bug, test failure, or unexpected behavior, before proposing fixes

julianromli/faiz-skills

1

45

tdd Test-driven development. Use when the user wants to build features or fix bugs test-first, mentions "red-green-refact…

julianromli/faiz-skills

1

46

teach Teach the user a new skill or concept, within this workspace.

julianromli/faiz-skills

1

47

to-spec Turn the current conversation into a spec and publish it to the project issue tracker — no interview, just synthesis …

julianromli/faiz-skills

1

48

to-tickets Break a plan, spec, or the current conversation into a set of tracer-bullet tickets, each declaring its blocking edge…

julianromli/faiz-skills

1

49

triage Move issues and external PRs through a state machine of triage roles — categorise, verify, grill if needed, and write…

julianromli/faiz-skills

1

50

vercel-react-best-practices React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing…

julianromli/faiz-skills

1