Skip to content
alyn

Directory

All AI skills. 6,133 and counting.

6,133 skills

Prisma-Labs-Dev

Apple Skills

52
Prisma-Labs-Dev

hig

Fact lookup: Apple Human Interface Guidelines corpus (greppable markdown). Query on demand for accessibility and ergonomic minimums (hit-target sizes, Dynamic Type), platform terminology…

Pack35821kMobile

Prisma-Labs-Dev

Apple Skills

52
Prisma-Labs-Dev

ios-liquid-glass

API reference: Liquid Glass (iOS 26+). Query for glass effects, navigation patterns, GlassEffect modifiers, design principles.

Pack35821kMobile

freshtechbro

Claudedesignskills

52
freshtechbro

lightweight-3d-effects

Lightweight 3D effects for decorative elements and micro-interactions using Zdog, Vanta.js, and Vanilla-Tilt.js. Use this skill when adding pseudo-3D illustrations, animated backgrounds…

Pack1.3k73kImages & art

levnikolaevich

Claude Code Skills

52
levnikolaevich

ln-25-architecture-diagram-builder

Creates evidence-backed current or target architecture diagrams; not UI design.

Pack59247kCoding

freshtechbro

Claudedesignskills

52
freshtechbro

locomotive-scroll

Comprehensive skill for Locomotive Scroll smooth scrolling library with parallax effects, viewport detection, and scroll-driven animations. Use this skill when implementing smooth scrolling…

Pack1.3k73kVideo

freshtechbro

Claudedesignskills

52
freshtechbro

lottie-animations

After Effects animation rendering for web and React applications. Use this skill when implementing Lottie animations, JSON vector animations, interactive animated icons, micro-interactions…

Pack1.3k73kVideo

freshtechbro

Claudedesignskills

52
freshtechbro

modern-web-design

Modern web design trends, principles, and implementation patterns for 2024-2025. Use this skill when designing websites, creating interactive experiences, implementing design systems…

Pack1.3k73kDesign

freshtechbro

Claudedesignskills

52
freshtechbro

motion-framer

Modern animation library for React and JavaScript. Create smooth, production-ready animations with motion components, variants, gestures (hover/tap/drag), layout animations, AnimatePresence…

Pack1.3k73kFrontend

michaelshimeles

Rstack

52
michaelshimeles

new-feature

Isolate repository edits in a Git worktree before starting a feature, fix, or documentation change. Preserve a worktree already assigned to the same task. Read-only reviews and…

Pack1.5k2.7kCoding
52
kwakseongjae

omd-aphrodite

Maximum-craft one-page landing — the wow bar. omd:landing 의 구조 위에 마감(서체 조달·그레인·깊이·색보정·스크롤 타임라인)과 최고급 에셋을 얹고, 랜딩 검사 전 항목 통과를 합격선으로 삼는다. Trigger: '와우', '압도적인', '최고급', '쇼케이스용', 'aphrodite'…

Pack580653Design
52
kwakseongjae

omd-asset-fetch

사용자 product UI 생성 시 placeholder 자리를 generic SVG가 아닌 **실제 free-license CDN 자산**으로 채운다. 로고·일러스트·아이콘·사진·폰트·패턴 카탈로그를 verified URL만으로 운영. '에셋 가져와줘', '플레이스홀더 진짜 이미지로', '로고 자리 채워줘', 'unsplash에서 사진…

Pack580653Design
52
kwakseongjae

omd-codex-image

이미지 placeholder를 동적으로 materialize. Codex 채널에서는 내장 image-generation primitive 호출, Claude Code 채널에서는 omd-asset-curator로 fall back, OpenCode에서는 spec dump. HTML/MD의 `` 블록을 단일 source of truth로…

Pack580653Images & art
52
kwakseongjae

omd-designer-review

시각 + 브랜드 일관성 리뷰. HTML/MD/JSX artifact를 받아 brand DESIGN.md 대비 typo hierarchy, 색 budget, radius scale, 컴포넌트 state, 모바일 반응형 검수. severity BLOCK/WARN/FYI + line ref 출력. 'UI 리뷰', '디자인 검토'…

Pack580653Design
52
kwakseongjae

omd-experiment-gallery

N개 brand experiment를 한 화면에서 비교하는 gallery index.html을 생성. 각 카드는 brand name, wow rating, multi-turn refinement deltas, iframe scaled preview, standalone link 포함. '결과물 한 번에 보여줘', '갤러리 만들어'…

Pack580653Design
52
kwakseongjae

omd-final-qa

출간 ready 직전 read-only critic. 8-item rubric 강제. 'looks good' rubber-stamp 금지. 라인 ref 필수. 2-round revision hard cap. '최종 QA', '출간 검수', 'rubric으로 평가' 류 트리거.

Pack580653Testing
52
kwakseongjae

omd-issue

oh-my-design 사용 중 불만·결함·아쉬운 점을 구조화된 GitHub 이슈로 접수하고, 쌓인 이슈를 배치로 처리한다. 사용자 모드('이슈 등록해줘', '이거 불편한데 신고할래', '버그 리포트', 'file an issue', '기능 요청')와 내부 도그푸딩 모드(스킬을 돌리다 미흡한 부분을 발견한 오케스트레이터·서브에이전트가…

Pack580653Design
52
kwakseongjae

omd-kr-writer

oh-my-design 블로그 글을 12개 voice preset으로 작성하거나 다듬는다. 한국어 표기·띄어쓰기·번역투·높임과 상황별 문체는 hangul 스킬을 따르고, 보고서·피치덱·공지·이메일·보도자료 같은 문서 자체는 hangul이 맡는다 — toss-tech-design (default), karrot-neighborly…

Pack580653Design
52
kwakseongjae

omd-landing

Scroll-native one-page landing that overwhelms — concept, composition, asset placement, and scroll choreography derived from DESIGN.md and the measured landing-craft codex. Trigger: '랜딩…

Pack580653Design
52
kwakseongjae

omd-learn

.omd/preferences.md의 status:pending 항목을 Core v2 System Graph에 합쳐 DESIGN.md를 재생성하고 status를 applied로 플립. '프리퍼런스 정리해줘', 'fold preferences', 'apply all corrections', 「好みをDESIGN.mdに反映」, 「套用偏好」류의…

Pack580653Design
52
kwakseongjae

omd-locale-adapter

한국어 canonical 문서·UX copy를 EN/JA/ZH-CN/ZH-TW로 번역이 아니라 locale adaptation한다. thesis·사실·명령어는 보존하되 문장 순서, 주어, register, 제품 용어와 호흡은 각 언어에서 다시 쓴다. '다국어 적용', '영문/일문/간체/대만어 버전', 'locale 문서 만들어줘' 요청에…

Pack580653Design
52
kwakseongjae

omd-media

Brand-consistent asset sets from DESIGN.md — hero, section illustrations, icon sets, OG image — generated through whichever channel the user actually has (grok build image_gen, Codex…

Pack580653Design
52
kwakseongjae

omd-remember

사용자의 디자인 선호·교정을 .omd/preferences.md에 기록. '이거 기억해줘', '앞으로는 이렇게', 'remember this', 'going forward never X', 「覚えておいて」, 「記住這個」류의 발화 또는 omd:apply가 교정을 감지했을 때 트리거. 기록된 내용은 omd:learn으로 DESIGN.md에…

Pack580653Design
52
kwakseongjae

omd-setup

Guided setup of the tools the design harness can use — image/video generation channels, browser, encoders. Detects what the user already has, explains pros/cons/costs, asks instead of…

Pack580653Design

freshtechbro

Claudedesignskills

52
freshtechbro

pixijs-2d

Fast, lightweight 2D rendering engine for creating interactive graphics, particle effects, and canvas-based applications using WebGL/WebGPU. Use this skill when building 2D games, particle…

Pack1.3k73kGame development

freshtechbro

Claudedesignskills

52
freshtechbro

playcanvas-engine

Lightweight WebGL/WebGPU game engine with entity-component architecture and visual editor integration. Use this skill when building browser-based games, interactive 3D applications, or…

Pack1.3k73kImages & art
52
mhattingpete

project-bootstrapper

Sets up new projects or improves existing projects with development best practices, tooling, documentation, and workflow automation. Use when user wants to start a new project, improve…

Pack6946.3kAutomation

freshtechbro

Claudedesignskills

52
freshtechbro

react-spring-physics

Physics-based animation library combining React Spring (spring dynamics, gesture integration, 60fps animations) and Popmotion (low-level composable animation utilities, reactive streams)…

Pack1.3k73kFrontend

freshtechbro

Claudedesignskills

52
freshtechbro

react-three-fiber

Build declarative 3D scenes with React Three Fiber (R3F) - a React renderer for Three.js. Use when building interactive 3D experiences in React applications with component-based…

Pack1.3k73kFrontend
52
mhattingpete

review-implementing

Process and implement code review feedback systematically. Use when user provides reviewer comments, PR feedback, code review notes, or asks to implement suggestions from reviews.

Pack6946.3kCoding

freshtechbro

Claudedesignskills

52
freshtechbro

rive-interactive

State machine-based vector animation with runtime interactivity and web integration. Use this skill when creating interactive animations, state-driven UI, animated components with logic, or…

Pack1.3k73kFrontend

freshtechbro

Claudedesignskills

52
freshtechbro

scroll-reveal-libraries

Simple scroll-triggered reveal animations using AOS (Animate On Scroll). Use this skill when building marketing pages, landing pages, or content-heavy sites requiring basic fade/slide…

Pack1.3k73kVideo

Microsoft

Skills For Fabric

52
Microsoft

semantic-model-authoring

Manages Power BI semantic models, including tables, columns, measures, relationships, field parameters, DAX, Import, DirectQuery and Direct Lake designs, sources, connections, permissions…

Pack1.3k8.1kAI engineering

freshtechbro

Claudedesignskills

52
freshtechbro

spline-interactive

Browser-based 3D design tool with visual editor, animation, and web export. Use this skill when creating 3D scenes without code, designing interactive web experiences, prototyping 3D UI…

Pack1.3k73kDesign

freshtechbro

Claudedesignskills

52
freshtechbro

substance-3d-texturing

Comprehensive skill for Adobe Substance 3D Painter texturing and material creation workflow. Use this skill when creating PBR materials, exporting textures for web/game engines, optimizing…

Pack1.3k73kImages & art

Prisma-Labs-Dev

Apple Skills

52
Prisma-Labs-Dev

swiftui

API reference: SwiftUI. Query for views, layouts, navigation, @State/@Binding/@Observable, view modifiers, NavigationStack, iOS 26+ features.

Pack35821kMobile
52
mhattingpete

test-fixing

Run tests and systematically fix all failing tests using smart error grouping. Use when user asks to fix failing tests, mentions test failures, runs test suite and failures occur, or…

Pack6946.3kTesting