GitHub
api-connection
TanStack Query와 Axios를 사용한 API 연결 패턴. API 훅 생성, 데이터 페칭, 뮤테이션 처리 시 사용.
☆ 1View skill
Development AI Skills
Discover Development skills, compare source repositories and read the instructions for each workflow.
Categories: Development
Development Clear filters
Browse skills
GitHub
code-conventions
프로젝트 코딩 컨벤션 (네이밍 규칙, 폴더 구조, 컴포넌트 패턴). 새 파일/컴포넌트 생성, 프로젝트 구조 질문 시 사용.
☆ 1View skill
GitHub
ui-publishing
shadcn/ui와 Tailwind CSS를 사용한 UI 컴포넌트 생성 가이드. UI 컴포넌트 생성, 스타일링, PRD 화면 구현 시 사용.
☆ 1View skill
GitHub
jsgui3-ssr-activation-data-bridge
Understand and debug how jsgui3 SSR markup becomes activated client-side, including persisted fields (data-jsgui-fields) and ctrl_fields (data-jsgui-ctrl-fields), and where to patch/plugin.
☆ 1View skill
GitHub
session-discipline
Enforce session-first workflow (plan → implement → verify → document). Use whenever starting non-trivial work, debugging >15 minutes, or doing cross-cutting changes.
☆ 1View skill
GitHub
wlilo-design-system
Use when you need the WLILO look (White Leather + Industrial Luxury Obsidian) across HTML, SVG, and jsgui3. Covers token schema, palette, and how to write back design learnings so other agents reuse them. Trigg...
☆ 1View skill
GitHub
svg-collisions
Create or repair SVG diagrams without overlapping text/shapes. Use when shipping new SVGs, editing WLILO-styled diagrams, or when collision checks report overlaps/clipping.
☆ 1View skill
GitHub
mcp-memory-server-surgery
Use when modifying MCP servers that touch repo memory (especially docs-memory). Includes protocol guardrails, validation ladder, and how to store new capabilities as Skills so future agents don’t re-learn painf...
☆ 1View skill
GitHub
instruction-adherence
Use when instruction drift is likely: multi-step tasks, mid-task detours (tooling upgrades), or when agents must consult MCP memory / Skills / sessions and re-anchor repeatedly. Triggers: 'stay on track', 'foll...
☆ 1View skill
GitHub
targeted-testing
Pick and run the smallest correct validation step (checks → focused Jest by path → broader suites). Use whenever you modify code and need confidence quickly.
☆ 1View skill
GitHub
jsgui3-activation-debug
Debug jsgui3 client-side activation issues. Use when SSR renders but clicks don’t work, this.dom.el is null, or you see Missing context.map_Controls / activation failures.
☆ 1View skill
GitHub
jsgui3-lab-experimentation
Use repo lab experiments (src/ui/lab) to answer jsgui3 “how should we do this?” questions, then distill the validated result into durable docs + Skills.
☆ 1View skill
GitHub
puppeteer-efficient-ui-verification
Fast, repeatable UI verification using Puppeteer without paying browser startup per test. Use scenario suites + deterministic fixtures before jumping to full Jest E2E.
☆ 1View skill
GitHub
jsgui3-wlilo-ui
Use when designing or polishing jsgui3 UIs in the WLILO style (White Leather + Industrial Luxury Obsidian): tokens, panels, tables, icon actions, and interaction-safe styling. Triggers: jsgui3 ui design, wlilo...
☆ 1View skill
GitHub
autonomous-ui-inspection
Autonomous UI inspection using a dual channel: (1) visual screenshots via Playwright MCP tools, (2) numeric layout metrics via Puppeteer scripts. Includes server --check standardization so agents can start/stop...
☆ 1View skill
GitHub
experimental-research-metacognition
Do experiment-driven research (hypotheses → minimal repros → evidence) and continuously improve research skills + tooling. Use when behavior is uncertain, contested, or performance-sensitive.
☆ 1View skill
GitHub
telemetry-contracts
Enforce telemetry contract stability (event naming, JSONL envelopes, /api/health + /api/status shape). Use when investigating telemetry drift, adding new telemetry fields, or updating z-server ingestion/UI.
☆ 1View skill
GitHub
svg-theme-system
Use when you need SVGs with selectable/customisable appearance: multiple palettes (WLILO / Obsidian / light), consistent typography, and repeatable agent-friendly pipelines. Triggers: svg theme, tokens, palette...
☆ 1View skill
GitHub
impl
Implementation cycle skill to iteratively develop, review, and refine code in small scopes until completion.
☆ 1View skill
GitHub
git-sync
Stage all changes, generate a short commit message, commit, and push. Use when asked to sync changes or run git add/commit/push with an auto-generated concise commit message.
☆ 1View skill
GitHub
pr
Create pull requests via git and GitHub CLI while following repo templates and Conventional Commits. Use when a user asks to make a PR, push a branch, open a GitHub PR.
☆ 1View skill
GitHub
middleware-patterns
Next.js middleware patterns for protected routes, auth redirects, and URL handling. Use when working with middleware.ts, protected routes, or auth redirects. Keywords: middleware, protected routes, redirect, au...
☆ 1View skill
GitHub
api-handler
StepLeague API route pattern using withApiHandler wrapper. Use when creating or modifying any API route in the /api directory. Keywords: API, route, endpoint, handler, auth, POST, GET, PUT, DELETE, validation.
☆ 1View skill
GitHub
error-handling
Centralized error handling system for StepLeague using AppError class, error codes, and reporting. Use when implementing error handling, catching exceptions, or displaying error messages to users. Keywords: err...
☆ 1View skill
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.