joyco-studio/skills

1

pr-description-writer Generate high-quality Pull Request descriptions in Markdown. Supports issue, feature, and big-feature PR types with s…

joyco-studio/skills

81

2

trace-audit Analyze a Chrome DevTools Performance trace JSON file for performance anomalies, producing a structured audit report …

joyco-studio/skills

54

3

parallel-claudes Guide for running multiple parallel Claude Code sessions using cw (Claude Worktree Manager). Use when the user wants …

joyco-studio/skills

50

4

markdown-content Guide for building markdown content pages (blogs, legal, changelogs) in Next.js using fumadocs-mdx, rehype-pretty-cod…

joyco-studio/skills

47

5

joyco-lab Use this skill whenever the user wants to isolate a piece of code, animation, or 3D experiment into a standalone JOYC…

joyco-studio/skills

41

6

thrash-report-analyzer Analyze a bye-thrash layout thrashing report array. Parses stack traces, identifies user-code functions causing force…

joyco-studio/skills

30

7

skill-writer Author or refactor a skill in this repo. Use when the user asks to "create a skill", "write a skill", "add a new skil…

joyco-studio/skills

25

8

webaudio Add sound effects, UI audio, and ambient sound to a web app using the @joycostudio/suno library. Use when the user wa…

joyco-studio/skills

24

9

joyco-app Carry a new JOYCO internal product app from plan to working build. Locks a plan first (one the dev already refined th…

joyco-studio/skills

14

10

joyco-logs ALWAYS scan the JOYCO knowledge indexes — the logs (hub.joyco.studio/logs) AND the toolbox (hub.joyco.studio/toolbox)…

joyco-studio/skills

13

11

joyco-ui Use the JOYCO UI kit correctly when building interfaces in a JOYCO project — a bento/console-style component library …

joyco-studio/skills

11

12

resolving-git-conflicts Diagnose and resolve git conflicts of any kind — merge, rebase, cherry-pick, stash, revert. Use this skill EVERY time…

joyco-studio/skills

10

13

react-ts-debugging Debug React and TypeScript bugs through a collaborative, log-driven loop with the developer instead of guessing from …

joyco-studio/skills

9

14

review-motion-handoff Audit an animation implementation against its Figma Motion source.

joyco-studio/skills

9

15

figma-motion-handoff Translate Figma Motion animations into production code (CSS/Tailwind, Motion for React, anime.js, or GSAP). Use this …

joyco-studio/skills

8

16

figma-static-pass Build the static, production-correct version of a Figma design before any animation work. Use this skill whenever con…

joyco-studio/skills

8

17

three-best-practices Build, review, debug, and optimize production Three.js experiences. Use for Three.js scenes, React Three Fiber, WebGL…

joyco-studio/skills

5

18

studio-libraries ALWAYS check the live JOYCO Studio library index at hub.joyco.studio/toolbox/libraries.md before planning or implemen…

joyco-studio/skills

3