前端開發

Control Reachy Mini robots by Pollen Robotics. Use when building apps, controlling robot movement (head, antennas, body), accessing camera/audio, or integrating with LLMs. Triggers on requests involving Reachy Mini SDK, robot control, head pose matrices, or ReachyMiniApp development.

Proactive security engineering for PAI projects. USE WHEN user needs threat modeling, CMMC compliance baseline, security requirements, vulnerability analysis, or security-first design. Prevents security issues during design, not after deployment.

Guide for documenting project components and features. Creates or updates documentation in docs/components/ by exploring git changes to understand implementation details. Provides templates and conventions for consistent, developer-friendly component catalogs.

Production-tested setup for AutoAnimate (@formkit/auto-animate) - a zero-config, drop-in animation librarythat automatically adds smooth transitions when DOM elements are added, removed, or moved. This skill shouldbe used when building UIs that need simple, automatic animations for lists, accordions, toasts, or form validationmessages without the complexity of full animation libraries.Use when: Adding smooth animations to dynamic lists, building filter/sort interfaces, creating accordion components,implementing toast notifications, animating form validation messages, needing simple transitions without animation code,working with Vite + React + Tailwind, deploying to Cloudflare Workers Static Assets, or encountering SSR errors withanimation libraries.Keywords: auto-animate, @formkit/auto-animate, formkit, zero-config animation, automatic animations, drop-in animation,list animations, accordion animation, toast animation, form validation animation, lightweight animation, 2kb animation,prefers-reduce

Guide for implementing web accessibility following W3C WAI principles (WCAG) when designing, developing, or reviewing web interfaces

Leverage personal notes and documentation through Terraphim's role-based search.AI agents can search developer's local knowledge organized by domain (Rust, frontend, architecture)using the terraphim-agent REPL commands.

Use this when writing or modifying code in FOSSAPP. Provides Next.js App Router patterns, server action organization, dual Supabase client rules, TypeScript conventions, validation patterns, error handling, and naming conventions.

How to use AI APIs like OpenAI, ChatGPT, Elevenlabs, etc. When a user asks you to make an app that requires an AI API, use this skill to understand how to use the API or how to respond to the user.

Generates premium dark-mode UI for Apex OS wellness app (React Native + Expo 54). Use when designing screens, creating components, making layout decisions, generating data visualizations, or writing frontend code. Covers color system, typography, motion, haptics, and component patterns for a Bloomberg-meets-Calm aesthetic. References APEX_OS_PRD_v8.1.md for product logic and APEX_OS_BRAND_GUIDE.md for voice.

Conventional Commits formatting guide for creating standardized commit messages. Use when Claude needs to create git commits, ensuring consistent message format with type prefixes (feat, fix, docs, chore). Automatically applied during git commit operations to maintain repository history standards.

Document chunking strategies for RAG systems. Use when implementing document processing pipelines to determine optimal chunking approaches based on document type and retrieval requirements.

Provides comprehensive Vercel deployment standards optimized for Next.js applications, covering environment configuration, edge functions, serverless architecture, database integration, cron jobs, and production best practices

Build and maintain WPF MVVM patterns using CommunityToolkit.Mvvm for a .NET 8 widget-host app. Use when creating ViewModels, commands, observable state, validation, view bindings, and viewmodel-first navigation behaviors. Avoid Prism and heavy region managers; keep ViewModels testable and UI-agnostic.

Sales coaching CRM with call analysis, coaching effectiveness tracking, and ICP intelligence.Uses 3 Whys methodology (Why Buy Anything, Why Buy Us, Why Buy Now) to score calls and trackevidence from Organization, Champion, and Sponsor perspectives. Tracks coaching given,application attempts, and ROI. Builds ICP hypotheses from deal data. Use when: analyzingtranscripts, scoring calls, managing client/account/deal hierarchy, tracking coachingeffectiveness, generating ROI reports, analyzing ICP fit, or publishing documents.Commands: /analyze, /score, /publish, /sync, /status, /track-coaching, /roi, /icp-analyze.

Analyzes job postings to extract structured requirements, skills, responsibilities, and ATS keywords. Automatically invoked when analyzing job opportunities or career applications. Returns structured data for resume tailoring and cover letter generation.

Apply when working with Vue components, composables, stores, or styling. Ensures code matches established project patterns.

본 스킬은 Flutter 프레임워크로 앱을 개발하는 데 반드시 따라야 하는 UI/UX 디자인, 상태관리, 네트워킹, API 연동에 관한 가이드라인 제공합니다. 본 스킬은 선택적인 정보를 제공하는 것이 아니라 Flutter 앱 개발에 필수적인 지침을 제공하며 반드시 준수해야 할 사항들을 제공합니다. 개발자가 디자인, UI, UX, 디자인 효과, 상태관리, 라우팅, 네트워킹, API 연동에 관한 요청, 코믹디자인, Comic 관련 요청, 채팅, FCM, 푸시 알림, 메시지, 알림에 관한 요청이 있을 때 반드시 본 스킬을 사용해서 본 스킬이 제공하는 대로 작업을 수행해야 합니다. 각 스킬 문서에의 상단에는 반드시 따라야 할 Workflow 가 있습니다. 반드시 그 Workflow 를 따라야 합니다. (project)

Implements structured logging and observability with Axiom for serverless applications. Use when adding logging, tracing, and Web Vitals monitoring to Next.js and Vercel applications.

Deployment and DevOps for EFT-Tracker using Coolify, Docker, and Nixpacks. Covers 3-tier validation, pre-push hooks, and production deployment. Activates when user mentions: deploy, deployment, Docker, Coolify, production, staging, nixpacks, build, CI/CD, pre-push, webhook.

This skill should be used when orchestrating rich human-in-the-loop question flows, building layered AskUserQuestion calls that respond to context (codebase, CLI tools, prior answers). Triggers include "ask me questions", "help me think through", "what should we consider", or complex tasks benefiting from interactive clarification.