← All creators

psmon

User

▎ Animation-First Design SKILL using Claude Code + Pencil MCP

6 indexed · 0 Featured · 5 stars · avg score 69
Prolific

Categories

Indexed Skills (6)

Web & Frontend Listed

harness-usage

A skill for executing design work using the Pencil Design Harness. Runs and evaluates Case A (WPF research → template enrichment), Case B (template reference → project design), Case C (web animation → JSON → Pencil component), and Case W (Pencil → HTML) workflows. Use this skill in the following situations: - "Research WPF animations and draw them in Pencil" → Case A - "Research and enrich WPF templates" → Case A - "Add animation components" → Case A - "Design OO referencing wpf-animation effects" → Case B - "Design OO in Pencil" + wpf-animation reference mentioned → Case B - "Analyze OO site animations and strengthen templates" → Case C - "Analyze the URL and organize animation JSON" → Case C - "Web animation copycat" → Case C - "Create an HTML page referencing the Pencil design" → Case W - "Implement the design as a web page" → Case W - "Evaluate the design", "Score it" → Run evaluation

5 Updated today
psmon
Web & Frontend Listed

pencil-design

A skill for generating technical modeling sketches — architecture diagrams, system blueprints, flowcharts, ERDs, etc. — as .pen files using Pencil MCP. Focuses on visually expressing design intent, producing diagrams/blueprints rather than code. Use this skill in the following situations: - "Draw OOO in Pencil", "Sketch OOO blueprint in Pencil" - "Draw a diagram in Pencil", "Draw architecture in Pencil" - "Create OOO as a .pen file", "Sketch OOO as a design file" - "Draw a system diagram", "Draw a flowchart" (when Pencil/.pen is mentioned) - "Draw an ERD", "Draw a state diagram" (when Pencil/.pen is mentioned) - When a .pen file needs to be created in the design/ directory - "Research WPF animations and draw in Pencil", "WPF control design ideas" - "Visualize XAML Storyboard", "Search WPF Blend animations and design" - When visually expressing WPF/XAML control animation state transitions - "WPF template migration", "Migrate XAML to WPF app" - "Convert for Blend editing", "Add to design-wpf-app" - "Convert WPF

5 Updated today
psmon
Web & Frontend Listed

video-motion-analysis

YouTube URL 또는 로컬 영상 파일을 받아 구간별 프레임을 추출하고, 노래·춤·연주 등 인물의 동작과 안무를 시퀀스 단위로 분석하는 스킬. yt-dlp로 영상을 받고 ffmpeg로 타임스탬프가 박힌 콘택트 시트(타일 몽타주)를 만들어, 한 장의 이미지에서 여러 프레임의 자세 변화를 한눈에 읽어낸다. 스프라이트/애니메이션 키프레임 참고에 적합. 다음 상황에서 반드시 이 스킬을 사용할 것: - "이 유튜브 영상 분석해줘", "유튜브 구간별 프레임 분석", "영상 동작 분석해줘" - "이 영상에서 노래부르는 사람 동작 분석", "가수 제스처 분석해줘" - "춤/안무 동작 분석", "댄스 프레임 분석", "이 영상 안무 따줘" - "연주자 동작 분석", "퍼포먼스 동작 시퀀스 분석" - "영상에서 캐릭터 동작을 스프라이트/애니메이션 키프레임으로 뽑아줘" - YouTube URL 또는 로컬 mp4/webm 파일과 함께 "동작/움직임/포즈/제스처" 분석 요청 - "영상 프레임 추출해줘", "콘택트 시트 만들어줘", "영상 타임라인 분석"

5 Updated today
psmon
Web & Frontend Listed

harness-creator

Pencil Design Harness의 구조를 개선하고 업그레이드하는 스킬. 다음 상황에서 반드시 이 스킬을 사용할 것: - "하네스 업그레이드해줘", "스킬 개선 필요", "harness-creator", "하네스 개선" - 디자인 평가 점수가 낮을 때 개선 방향 안내 - 새 평가 축 추가 또는 워크플로우 변경이 필요한 경우 - "하네스가 뭐야?", "하네스 이용법 알려줘" 등 하네스 사용법 질문 시

5 Updated today
psmon
DevOps & Infrastructure Listed

pencil-deploy

A skill for deploying the Pencil design demo site to GitHub Pages. Performs deployment preparation (index.html update + git commit/push) and publishing (tag creation → GitHub Actions auto-deploy). Use this skill in the following situations: - "Prepare for deployment", "Deploy prep", "prepare deploy" - "Publish please", "Deploy it", "publish", "Deploy design samples" - "Update demo site", "GitHub Pages deploy" - "Publish sample pages", "Create a tag"

5 Updated today
psmon
Web & Frontend Listed

pencil-lang-pack

Language pack installer for Pencil Design Harness & Skills. Copies a translated harness pack (evaluation rules, RPG system, achievements) and skill files into the project's harness/ and .claude/skills/ directories. Use this skill when the user wants to switch the harness language, install an English harness, or set up a localized version of the evaluation framework. Triggers on: "change harness language", "install English harness", "switch to English pack", "언어팩 설치", "영문 하네스", "lang pack", "/pencil-lang-pack".

5 Updated today
psmon

Bio shown is the top-scored skill's repo description as a fallback — real GitHub bios land in a future update.