GitHub
deployment
Deploy web applications to Cloudflare Pages/Workers or DigitalOcean VPS. Use when configuring deployment, setting up production environments, or managing releases.
☆ 1查看技能
ProfPowell AI Skills
GitHub ↗浏览 ProfPowell 维护的已发布 AI 技能，比较用途与说明，并通过来源仓库了解安装方式。
作者统计
已收录技能
68收录技能的仓库 Stars 合计
56仓库 Forks
0平均每个技能的仓库 Stars
1同一仓库中的多个技能可能共享 Stars，合计包含重复仓库数据。
热门分类
近期收录动态
全部技能
GitHub
ci-cd
Configure GitHub Actions for automated testing, building, and deployment. Use when setting up CI/CD pipelines, automating releases, or managing deployment workflows.
☆ 1查看技能
GitHub
git-workflow
Enforce structured git workflow with conventional commits, feature branches, semver versioning, and work logging. Use for all code changes to prevent work loss and maintain history.
☆ 1查看技能
GitHub
fake-content
Generate realistic fake content for HTML prototypes. Use when populating pages with sample text, products, testimonials, or other content. NOT generic lorem ipsum.
☆ 1查看技能
GitHub
custom-elements
Define and use custom HTML elements. Use when creating new components, defining custom tags, or using project-specific elements beyond standard HTML5.
☆ 1查看技能
GitHub
logging
Structured client-side logging and error reporting. Use when implementing console logging, error tracking, user session tracking, or analytics event patterns.
☆ 1查看技能
GitHub
patterns
Reusable HTML page patterns and component blocks. Use when building common page types like FAQs, product listings, press releases, or other structured content.
☆ 1查看技能
GitHub
forms
HTML-first form patterns with CSS-only validation. Use when building accessible forms with the form-field custom element, output element for messages, and native HTML5 validation.
☆ 1查看技能
GitHub
responsive-images
Modern responsive image techniques using picture element, srcset, sizes, and modern formats. Use when adding images that need to adapt to different screen sizes, resolutions, or support modern image formats.
☆ 1查看技能
GitHub
authentication
Implement secure authentication with JWT, sessions, OAuth, and password hashing. Use when adding login/logout, token auth, or integrating OAuth providers.
☆ 1查看技能
GitHub
api-client
Fetch API patterns with error handling, retry logic, and caching. Use when building API integrations, handling network failures, or implementing offline-first data fetching.
☆ 1查看技能
GitHub
typography
CSS typography patterns for readable, beautiful text. Covers type scale, hierarchy, rhythm, font pairing, text-wrap, hanging punctuation, and OpenType features.
☆ 1查看技能
GitHub
database
Design PostgreSQL schemas with migrations, seeding, and documentation. Use when creating tables, writing migrations, or setting up database structure.
☆ 1查看技能
GitHub
placeholder-images
Generate SVG placeholder images for prototypes. Use when adding placeholder images for layouts, mockups, or development. Supports simple, labeled, and brand-aware types.
☆ 1查看技能
GitHub
vitest
Write and run tests with Vitest for Vite-based projects. Use when testing Astro components, JavaScript modules, or any Vite project requiring fast, modern testing.
☆ 1查看技能
GitHub
images
Umbrella coordinator for image handling. Coordinates responsive-images, placeholder-images, and automation scripts. Use when adding images to any page, optimizing existing images, or setting up image pipelines.
☆ 1查看技能
GitHub
data-attributes
Using data-* attributes as the HTML/CSS/JS bridge for state, variants, and configuration. Use when managing element state, styling variants, or configuring behavior without JavaScript classes.
☆ 1查看技能
GitHub
e2e-testing
End-to-end browser testing patterns with Playwright. Use when writing integration tests, user flow testing, or browser automation.
☆ 1查看技能
GitHub
observability
Implement error tracking, performance monitoring, and user issue detection. Use when adding error handling, Web Vitals reporting, or debugging production issues.
☆ 1查看技能
GitHub
state-management
Client-side state patterns for Web Components. Use when building interactive applications requiring state synchronization, reactive updates, or undo/redo functionality.
☆ 1查看技能
GitHub
pre-flight-check
INVOKE FIRST before any code work. Validates git workflow (branch, issue, worklog) and checks approach. Use at START of every task and END before completing. Prevents skipped steps.
☆ 1查看技能
GitHub
animation-motion
CSS animations, transitions, and scroll-driven effects with accessibility (prefers-reduced-motion). Use when adding motion, hover effects, loading states, or scroll-based animations.
☆ 1查看技能
GitHub
build-tooling
Configure Vite for development and production builds. Use when setting up build pipelines, optimizing bundles, or configuring development servers.
☆ 1查看技能
GitHub
site-scaffold
Generate standardized static site structures. Use when creating new websites, setting up demos, or need consistent site structure with SEO, PWA, and accessibility foundations.
☆ 1查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。