GitHub
frontend-dev
Manages local web server lifecycle and enables web page development with Playwright MCP. Use when developing HTML/CSS/JS, building web pages, viewing web pages, testing UI interactions, verifying renders, debug...
☆ 11查看技能
编程开发 AI 技能
发现 编程开发 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: 编程开发
编程开发 清除筛选
全部技能
GitHub
zork
Play Zork text adventure via dfrotz. Use /zork to play (e.g., /zork go north), /zork for status, /zork new to restart, /zork setup to configure Obsidian sync.
☆ 11查看技能
GitHub
colors
Reference guide for portfolio color palettes. Includes quick vibe lookup, full palettes, and application guidelines using the 60-30-10 rule.
☆ 11查看技能
GitHub
persona
AI assistant framework for building unique, authentic portfolio websites from scratch. Guides agents through research, design, and implementation phases.
☆ 11查看技能
GitHub
design
Create unique visual designs by synthesizing from inspirations and preferences. Covers typography, color, layout, spacing, and animation philosophy.
☆ 11查看技能
GitHub
content
Generate authentic, compelling copy for portfolios. Covers tone calibration, taglines, bios, project descriptions, and avoiding assumptions.
☆ 11查看技能
GitHub
deploy
Help users deploy their portfolio to production. Covers Vercel, Netlify, Cloudflare Pages, GitHub Pages, Docker, and MCP integration for AI-driven deployment.
☆ 11查看技能
GitHub
fonts
Reference for selecting distinctive typography. Includes font recommendations by vibe, category, archetype, and pairing guidelines for Next.js projects.
☆ 11查看技能
GitHub
research
Gather information about users from materials, profile config, GitHub, and web search to inform portfolio content and design decisions.
☆ 11查看技能
GitHub
seo
Optimize portfolios for search engines and set up analytics. Covers meta tags, OG images, structured data, analytics options, and performance optimization.
☆ 11查看技能
GitHub
blog-workflow
유튜브 채널 기반 기술 블로그 컨텐츠 생성 워크플로우. 채널에서 컨텐츠 수집, 인사이트 추출, 글 작성까지 전체 프로세스 지원. /collect, /insights, /select, /research, /outline, /feedback, /write, /status 명령어로...
☆ 11查看技能
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#).
☆ 11查看技能
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.
☆ 11查看技能
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.
☆ 11查看技能
GitHub
framer-motion
Use when implementing Disney's 12 animation principles with Framer Motion in React applications
☆ 11查看技能
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.
☆ 11查看技能
GitHub
micro-interactions
Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.
☆ 11查看技能
GitHub
timing-principle-mastery
Use when determining animation durations, controlling pacing, establishing rhythm, or making motion feel appropriately weighted and emotionally resonant.
☆ 11查看技能
GitHub
game-designer
Use when designing game feel, player feedback systems, or when creating animations that enhance gameplay and player satisfaction.
☆ 11查看技能
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.
☆ 11查看技能
GitHub
lists-grids
Use when animating lists, grids, tables, or collections of items to create smooth ordering, filtering, and loading states
☆ 11查看技能
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.
☆ 11查看技能
GitHub
gsap-greensock
Use when implementing Disney's 12 animation principles with GSAP (GreenSock Animation Platform)
☆ 11查看技能
GitHub
playfulness-fun
Use when creating animations that entertain, engage with humor, or create lighthearted interactive experiences.
☆ 11查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。