color-palette-extractor
Extract color palettes from images, websites, or designs. Identifies dominant colors, generates complementary schemes, and exports in multiple formats (HEX, RGB, HSL, Tailwind, CSS variables). Use when users ne...
Discover Testing & security skills, compare source repositories and read the instructions for each workflow.
Extract color palettes from images, websites, or designs. Identifies dominant colors, generates complementary schemes, and exports in multiple formats (HEX, RGB, HSL, Tailwind, CSS variables). Use when users ne...
Aggregate and analyze customer reviews from G2, Capterra, Trustpilot, App Store, and other platforms. Performs sentiment analysis, identifies pain points, extracts feature feedback, generates marketing claims,...
Implement code quality ratchets to prevent proliferation of deprecated patterns. Use when (1) migrating away from legacy code patterns, (2) enforcing gradual codebase improvements, (3) preventing copy-paste pro...
How to approach tests, types, lints, and coverage
Guide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation, proposals, technical specs, decision docs, or similar structured content. This workflow help...
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
Skill for enforcing and documenting the application's brand colors and fonts. Use this skill to ensure all UI components and pages reflect the official brand identity.
Guide for adding a new screen to the All About Olaf React Native app, including React Navigation setup, TypeScript types, component creation, and proper integration with the app's navigation system.
Documentation-first development methodology. The goal is AI-ready documentation - when docs are clear enough, code generation becomes automatic.
Documentation-first development methodology. The goal is AI-ready documentation - when docs are clear enough, code generation becomes automatic. Triggers on "Build", "Create", "Implement", "Document", or "Spec...
Navigate and modify surf-cli codebase - Chrome extension + native host for AI browser automation. Use for surf-cli code work, architecture questions, implementing browser control/CDP/accessibility/network featu...
TypeScript strict type checking guidelines for SEPilot Desktop. Use when creating types, writing functions, or refactoring code. Ensures all code has explicit types, avoids 'any', and passes type checking with...
SEPilot Desktop의 Extension 시스템 개발 가이드. Extension 구조, Manifest 정의, Agent 통합, Store slice, Components, IPC 핸들러 패턴을 다룹니다. Browser, Editor, Presentation extension 사례 기반.
SEPilot Desktop의 에러 처리 및 로깅 패턴. 예외 처리, 에러 보고, 로깅, 사용자 피드백 패턴을 다룹니다. Frontend/Backend 에러 처리, IPC 에러 전파, 로그 관리를 전문으로 합니다.
Expert knowledge of RAG (Retrieval-Augmented Generation) and vector search implementation for SEPilot Desktop. Use when implementing document search, semantic retrieval, or knowledge base features. Ensures effi...
React component development guidelines using TypeScript and shadcn/ui. Use when creating UI components, forms, dialogs, or interactive elements. Ensures consistent styling, accessibility, and follows SEPilot de...
Expert knowledge of MCP tool integration for SEPilot Desktop. Use when adding MCP servers, implementing tool calls, or debugging MCP communication. Ensures secure and efficient integration with external tools a...
SEPilot Desktop의 테스트 패턴 및 모범 사례. Jest, React Testing Library, Playwright를 사용한 Unit, Integration, E2E 테스트 작성 시 사용합니다. 프론트엔드/백엔드 테스트, Mock 패턴, 테스트 커버리지 관리를 전문으...
파일 읽기/쓰기, PDF/Word/Excel 처리, 이미지 처리 패턴. SEPilot Desktop의 문서 처리 기능 기반. Electron fs API, 문서 파서, 파일 시스템 작업을 다룹니다.
Expert knowledge of LangGraph agent patterns for SEPilot Desktop. Use when implementing AI agents, graph-based workflows, or complex multi-step reasoning. Ensures proper integration with existing LangGraph infr...
Expert knowledge of Electron Inter-Process Communication patterns for SEPilot Desktop. Use this when adding IPC handlers, creating frontend-backend communication, implementing streaming responses, or debugging...
React 및 Electron 성능 최적화 패턴. 렌더링 최적화, 메모리 관리, 번들 크기 최적화, 리소스 로딩 최적화를 다룹니다. SEPilot Desktop의 실제 사용 사례 기반으로 성능 문제 식별 및 해결 방법을 제공합니다.
Zustand를 사용한 전역 상태 관리 패턴. SEPilot Desktop의 chat-store, extension-slices 등 실제 구현 기반. Store 설계, Slice 패턴, Persistence, Middleware 사용법을 다룹니다.
Executes HEC-RAS plans using RasControl class via HECRASController COM interface for legacy HEC-RAS versions (3.x-5.x). Handles COM lifecycle management, session tracking, orphan cleanup, steady/unsteady result...
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.