GitHub
colors
Reference guide for portfolio color palettes. Includes quick vibe lookup, full palettes, and application guidelines using the 60-30-10 rule.
☆ 11View skill
Tools AI Skills
Discover Tools skills, compare source repositories and read the instructions for each workflow.
Categories: Tools
Tools Clear filters
Browse skills
GitHub
persona
AI assistant framework for building unique, authentic portfolio websites from scratch. Guides agents through research, design, and implementation phases.
☆ 11View skill
GitHub
design
Create unique visual designs by synthesizing from inspirations and preferences. Covers typography, color, layout, spacing, and animation philosophy.
☆ 11View skill
GitHub
content
Generate authentic, compelling copy for portfolios. Covers tone calibration, taglines, bios, project descriptions, and avoiding assumptions.
☆ 11View skill
GitHub
deploy
Help users deploy their portfolio to production. Covers Vercel, Netlify, Cloudflare Pages, GitHub Pages, Docker, and MCP integration for AI-driven deployment.
☆ 11View skill
GitHub
fonts
Reference for selecting distinctive typography. Includes font recommendations by vibe, category, archetype, and pairing guidelines for Next.js projects.
☆ 11View skill
GitHub
research
Gather information about users from materials, profile config, GitHub, and web search to inform portfolio content and design decisions.
☆ 11View skill
GitHub
seo
Optimize portfolios for search engines and set up analytics. Covers meta tags, OG images, structured data, analytics options, and performance optimization.
☆ 11View skill
GitHub
blog-workflow
유튜브 채널 기반 기술 블로그 컨텐츠 생성 워크플로우. 채널에서 컨텐츠 수집, 인사이트 추출, 글 작성까지 전체 프로세스 지원. /collect, /insights, /select, /research, /outline, /feedback, /write, /status 명령어로...
☆ 11View skill
GitHub
software-architecture
Guide for quality focused software architecture. This skill should be used when users want to write code, design architecture, analyze code, in any case that relates to software development (.NET/C#).
☆ 11View skill
GitHub
calculator-utils
Performs basic arithmetic calculations including addition, subtraction, multiplication, and division. Use when the user needs to calculate numbers, perform math operations, or compute arithmetic expressions.
☆ 11View skill
GitHub
exaggerated-clarity
Use when motion needs to read clearly and powerfully—broad comedy, action highlights, important story beats, or any moment that must unmistakably communicate to the audience.
☆ 11View skill
GitHub
framer-motion
Use when implementing Disney's 12 animation principles with Framer Motion in React applications
☆ 11View skill
GitHub
anticipation-payoff
Use when designing action sequences, gags, reveals, or any motion that needs setup before delivery—preparing audiences for what's coming and maximizing impact.
☆ 11View skill
GitHub
micro-interactions
Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.
☆ 11View skill
GitHub
timing-principle-mastery
Use when determining animation durations, controlling pacing, establishing rhythm, or making motion feel appropriately weighted and emotionally resonant.
☆ 11View skill
GitHub
game-designer
Use when designing game feel, player feedback systems, or when creating animations that enhance gameplay and player satisfaction.
☆ 11View skill
GitHub
appeal-mastery
Use when designing character personalities, creating memorable motion signatures, ensuring animations feel polished, or making visual experiences that audiences want to watch.
☆ 11View skill
GitHub
lists-grids
Use when animating lists, grids, tables, or collections of items to create smooth ordering, filtering, and loading states
☆ 11View skill
GitHub
spatial-thinking
Use when animation involves depth, perspective, volume, or three-dimensional awareness—camera moves, character positioning, environmental interaction, or maintaining consistent spatial relationships.
☆ 11View skill
GitHub
gsap-greensock
Use when implementing Disney's 12 animation principles with GSAP (GreenSock Animation Platform)
☆ 11View skill
GitHub
playfulness-fun
Use when creating animations that entertain, engage with humor, or create lighthearted interactive experiences.
☆ 11View skill
GitHub
3d-spatial
Use when working in Blender, Unity 3D, Unreal Engine, Cinema 4D, VR/AR applications, or any three-dimensional animation work.
☆ 11View skill
GitHub
animation-principles-universal-reference
Use when discussing animation principles with users of unknown skill level, or when providing a balanced reference that works for any experience level
☆ 11View skill
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.