Design & UX

Expert guide for creating effective prompts for Google Stitch AI UI design tool. Use when user wants to design UI/UX in Stitch, create app interfaces, generate mobile/web designs, or needs help cra...

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatt...

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, cr...

Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.

Create distinctive, production-grade frontend interfaces with intentional aesthetics, high craft, and non-generic visual identity. Use when building or styling web UIs, components, pages, dashboard...

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create ...

Create Apple-inspired bento grid presentation cards for showcasing project stats, timelines, and achievements. Generates self-contained HTML files with zero-gap grids, stat cards, pill tags, bar charts, and dark quote cards — optimized for screenshot export. Supports both light (Apple signature #f5f5f7) and dark (#000) themes. Use when the user asks to build stat cards, bento grids, project summary cards, dashboard cards, Apple-style presentation layouts, project overviews, achievement showca...

Generate videos from text using PixVerse v5. Trigger: Use when the user wants to create a video from text with PixVerse, or requests 'pixverse text to video', 'pixverse v5 video', or 'generate video from text pixverse'.

Generate videos from images using PixVerse v5. Trigger: Use when the user wants to animate an image with PixVerse, or requests 'pixverse image to video', 'animate image pixverse', or 'pixverse v5 image animation'.

Extend existing videos using PixVerse v5. Trigger: Use when the user wants to extend a video, or requests 'pixverse extend', 'extend video', 'make video longer', or 'continue video'.

PixVerse v4 | Transition. Create smooth video transitions between images using PixVerse v4 | Transition. Triggers: pixverse, video generation, video transition

PixVerse v4 | Image to Video. Generate videos from images using PixVerse v4 | Image to Video. Triggers: image to video, pixverse, video generation

PixVerse v4.5 | Transition. Create smooth video transitions between images using PixVerse v4.5 | Transition. Triggers: pixverse, video generation, video transition

PixVerse v4.5 | Image to Video. Generate videos from images using PixVerse v4.5 | Image to Video. Triggers: image to video, pixverse, video generation

PixVerse v4.5 | Effect. Apply visual effects to images and generate videos using PixVerse v4.5 | Effect. Triggers: pixverse, video effects, video generation

Generate videos from text using Moonvalley Marey. Trigger: Use when the user wants to create a video with Moonvalley, or requests 'moonvalley video', 'marey text to video', or 'moonvalley marey'.

Kling v2.5 | Turbo | Standard | Image to Video. Animate images into videos using Kling v2.5 Turbo Standard model. Triggers: kling, image to video, animate image, kling turbo, kling standard

Build chat interfaces and agent management UIs with Castella. Create chat components, display tool calls, manage multiple agents, and build agent hubs.

Render A2UI JSON as native Castella widgets. Parse A2UI messages, handle actions, progressive rendering, data binding, and connect to A2UI-enabled agents.

의사결정 프레임워크 라이브러리. framework-designer 에이전트가 회의용 의사결정 구조를 설계할 때 참조. '의사결정 매트릭스', 'DACI', '옵션 평가' 요청 시 사용. 단, 실제 투표 시스템이나 의사결정 자동화 도구 구축은 범위 밖.

공간 인테리어 컨셉보드를 에이전트 팀이 협업하여 한 번에 생성하는 풀 파이프라인. '인테리어 컨셉 잡아줘', '거실 꾸미고 싶어', '방 분위기 바꾸고 싶어', '인테리어 무드보드', '가구 추천해줘', '공간 스타일링', '컬러팔레트 짜줘', '인테리어 예산', '셀프 인테리어', '홈스타일링', '원룸 인테리어', '사무실 인테리어' 등 공간 꾸미기 전반에 이 스킬을 사용한다. 기존 무드보드가 있는 경우에도 아이템 큐레이션이나 예산 관리를 지원한다. 단, 실제 시공 시행(타일 시공, 전기 배선), 3D 렌더링, AR 가구 배치 앱 연동은 이 스킬의 범위가 아니다.

Methodology for selecting optimal chart types based on data type and analysis purpose. Use this skill for 'chart recommendation', 'visualization type selection', 'graph types', 'dashboard visualization design', and other data visualization design tasks. Note: writing D3.js/Chart.js code and operating Tableau/PowerBI are outside the scope of this skill.

Checklist and best practices for validating CLI tool user experience. Use this skill for 'CLI UX validation', 'usability check', 'output format verification', 'error message review', 'interaction pattern inspection', and other CLI UX quality checks. Note: GUI usability testing and accessibility certification are outside the scope of this skill.

WCAG 2.1/2.2 accessibility verification checklist and automated audit methodology skill. Use for requests like 'verify accessibility', 'WCAG check', 'check contrast ratio', 'ARIA audit', 'keyboard accessibility', 'screen reader test', etc. Note: running actual assistive technology (JAWS/NVDA), legal consultation, and accessibility certification issuance are outside the scope of this skill.