skills

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

★ 11 Open GitHub ↗

Make your claude a rebel

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# JOYCO Agent Skills

This repo contains the agent skills for JOYCO.

## Install

```sh
pnpx skills add joyco-studio/skills
```

## Skills

| Skill | Description |
|-------|-------------|
| [joyco-app](skills/joyco-app/SKILL.md) | Carry a new JOYCO internal Next.js product app from plan to working build: lock a plan first, run the opinionated kickoff (JOYCO UI shadcn kit — theme, fonts, `@joyco/*` components from hub.joyco.studio — plus lint config and the Claude Code agent), then build it out to the plan. User-invocable as `/joyco-app`. |
| [joyco-logs](skills/joyco-logs/SKILL.md) | Before implementing or planning a non-trivial feature, scan the JOYCO dev-team logs (`hub.joyco.studio/logs`) and toolbox (`hub.joyco.studio/toolbox`) for a relevant write-up or maintained tool and use it first. Surfaces the team's gotchas/patterns and CLIs/libraries, defers to dedicated skills on overlap, and credits the source to the user. |
| [figma-static-pass](skills/figma-static-pass/SKILL.md) | Build the static, production-correct version of a Figma frame before any animation — layout-system translation, semantic HTML, theme tokens, asset handling, and the `data-motion` naming contract the motion pass resolves against. Stage one of the motion-handoff pipeline. |
| [figma-motion-handoff](skills/figma-motion-handoff/SKILL.md) | Translate Figma Motion animations into production code (CSS/Tailwind, Motion for React, anime.js, or GSAP). Covers canvas-to-layout translation, node mapping, easing-token extraction, paint discipline, and when to stop and ask instead of guessing. Stage two; lands on top of `figma-static-pass`. |
| [review-motion-handoff](skills/review-motion-handoff/SKILL.md) | Audit an animation implementation against its Figma Motion source on two axes — fidelity (matches the design) and quality (performant, accessible, idiomatic). Produces a severity-sorted findings table and verdict, not a rewrite. |
| [lab-experiment](skills/lab-experiment/SKILL.md) | Automates extracting self-contained experiments from any codebase, scaffolding with JOYCO templates, deploying to Vercel, and publishing to the JOYCO Lab registry. Handles 3D, animation, and interactive code experiments. |
| [parallel-claudes](skills/parallel-claudes/SKILL.md) | Guide for running multiple parallel Claude Code sessions using `cw` (Claude Worktree Manager). Covers git worktree management, concurrent AI coding tasks, and merging results. |
| [pr-description-writer](skills/pr-description-writer/SKILL.md) | Generate high-quality PR descriptions in Markdown. Supports issue, feature, and big-feature PR types with structured, production-ready output. |
| [markdown-content](skills/markdown-content/SKILL.md) | Guide for building markdown content pages in Next.js using fumadocs-mdx, rehype-pretty-code, and shiki. Covers MDX collections, prose typography, code blocks, and component consistency. |
| [thrash-report-analyzer](skills/thrash-report-analyzer/SKILL.md) | Analyze a bye-thrash layout thrashing report array. Parses stack traces, identifies user-code functions causing forced reflows, locates the offending style-write → layout-read pairs in source files, and produces fix suggestions. |
| [trace-audit](skills/trace-audit/SKILL.md) | Analyze a Chrome DevTools Performance trace JSON file for performance anomalies, producing a structured audit report with critical issues, warnings, metrics, timeline hotspots, and actionable recommendations. |
| [webaudio](skills/webaudio/SKILL.md) | Add sound effects, UI audio, and ambient sound to a web app using `@joycostudio/suno`. Picks the right entry point (vanilla vs React, with/without Mixer), writes a typed manifest, and wires an unlock gesture. |
| [skill-writer](skills/skill-writer/SKILL.md) | Author or refactor a skill in this repo. Covers frontmatter conventions, file layout, and the rule for splitting deep reference material into linked sibling docs instead of bloating `SKILL.md`. |
| [react-ts-debugging](skills/react-ts-debugging/SKILL.md) | Debug React and TypeScript bugs through a collaborative, log-driven loop with the developer instead of guessing from source code. Strategic console logs drive each next step. |
| [resolving-git-conflicts](skills/resolving-git-conflicts/SKILL.md) | Diagnose and resolve git conflicts of any kind — merge, rebase, cherry-pick, stash, revert. Detects phantom conflicts from squash merges or rewritten history and picks the right git strategy instead of hand-editing markers. |
| [joyco-ui](skills/joyco-ui/SKILL.md) | Use the JOYCO UI kit correctly when building interfaces. A thin router that sends Claude to the live hub docs and installed source (`cluster.md`, the `@joyco` registry, the component `.tsx`) instead of restating the API, so it never goes stale. Pairs with `joyco-app`. |

skills

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

skills

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README