GitHub
page-scrolling
Add smooth scrolling for same-page anchor links only. Uses JavaScript to handle
☆ 0查看技能
Manuelvillarvieites AI Skills
GitHub ↗浏览 Manuelvillarvieites 维护的已发布 AI 技能，比较用途与说明，并通过来源仓库了解安装方式。
作者统计
已收录技能
30收录技能的仓库 Stars 合计
0仓库 Forks
0平均每个技能的仓库 Stars
0同一仓库中的多个技能可能共享 Stars，合计包含重复仓库数据。
热门分类
近期收录动态
全部技能
GitHub
install-sections
Build pages by installing shadcnblocks sections and implementing i18n. Use for each page after branding is defined. Takes page route and list of sections to install. Installs sections in order, creates page fil...
☆ 0查看技能
GitHub
seo-content-optimization
Optimize page content for target keywords. Use per page after building to integrate keywords naturally into headings, text, and i18n files. Reads docs/seo-analysis.md for keyword targets. Triggers on "optimize...
☆ 0查看技能
GitHub
website-builder
Complete SEO-optimized website creation workflow orchestrator. Coordinates SEO analysis (keywords, competitors), sitemap planning, shadcn component selection, theme application, and content optimization. Use wh...
☆ 0查看技能
GitHub
cookies-analytics
Set up Google Analytics 4 with DSGVO-compliant cookie consent banner. Use when analytics tracking is needed. Triggers on "analytics", "GA4", "Google Analytics", "cookie consent", "tracking".
☆ 0查看技能
GitHub
seo-content-optimization
Optimize page content for target keywords. Use per page after building to integrate keywords naturally into headings, text, and i18n files. Reads docs/seo-analysis.md for keyword targets. Triggers on "optimize...
☆ 0查看技能
GitHub
sitemap-structure
Create website sitemap with page structure and section selection. Use at project start to define pages, routes, and shadcnblocks sections for each page. Outputs docs/sitemap.md. Triggers on "sitemap", "page str...
☆ 0查看技能
GitHub
colors-typography
Define brand styling for website projects. Updates globals.css with CSS color variables (oklch format), typography (h1-h6, p, a, blockquote), and container styles. Use at the start of a project after sitemap is...
☆ 0查看技能
GitHub
technical-seo
Final SEO audit and technical implementation. Use at the END of a project to verify all pages, implement technical SEO (sitemap.xml, robots.txt, schema), and check for ranking readiness. Triggers on "SEO audit"...
☆ 0查看技能
GitHub
legal-pages
Create Impressum and Datenschutz pages with legally required content for German/Swiss websites. Provides templates with all mandatory sections for DSG/DSGVO compliance. Use when creating legal pages, checking c...
☆ 0查看技能
GitHub
midjourney-prompts
Generate Midjourney V7 image prompts for website sections. Analyzes page components, extracts aspect ratios from CSS, outputs prompts with SEO filenames. Use after completing page (skills 02-06). Triggers on "g...
☆ 0查看技能
GitHub
seo-keyword-research
Deep competitive keyword research and SEO strategy. Takes a primary keyword and researches supporting keywords, competitor analysis, search intent, and per-page keyword mapping. Outputs docs/seo-analysis.md. Tr...
☆ 0查看技能
GitHub
section-backgrounds
Apply branding guidelines to page sections after style cleanup. Implements 60-30-10 color rule, alternates section backgrounds, and ensures visual hierarchy. Use for each page after running remove-inline-styles...
☆ 0查看技能
GitHub
shadcn-ui-theme
Apply pre-configured shadcn/ui themes with CSS variables. Use when user requests theme changes, color scheme updates, or design system modifications. Supports 17 themes including Default, Claude, Cyberpunk, Neo...
☆ 0查看技能
GitHub
error-pages
Create custom 404 and 500 error pages with brand styling. Use at project end before release. Triggers on "404", "error pages", "not found", "500 error".
☆ 0查看技能
GitHub
internal-links
Connect all buttons and links to pages or same-page sections. Ensures every CTA has a valid href, uses Next.js Link component, and adds section IDs for anchor links.
☆ 0查看技能
GitHub
smooth-scroll
Add smooth scrolling for same-page anchor links only. Uses JavaScript to handle
☆ 0查看技能
GitHub
typography-audit
Check and fix typography hierarchy on a page. Fixes h2-to-h4 skips, ensures all sections have left-aligned title/description with max-w-3xl, removes centering classes, and adds missing headers with i18n keys.
☆ 0查看技能
GitHub
button-unification
Standardize button component heights, padding, and transitions across all variants. Ensures consistent appearance for default, outline, secondary, ghost, and link variants. Updates button.tsx with unified style...
☆ 0查看技能
GitHub
butter-smooth-scrolling
Add cinematic lerp-based smooth scrolling for all scroll inputs (mouse wheel, trackpad, touch). Creates butter-smooth momentum scrolling like premium agency websites. Works alongside existing smooth-scroll anch...
☆ 0查看技能
GitHub
framer-animations
Add Framer Motion micro-animations to page sections. Includes section reveals, staggered lists, hover effects, and performance optimization. Use after section-backgrounds for each page.
☆ 0查看技能
GitHub
page-transitions
Add elegant page transition overlay using 3 staggered color layers. Overlay covers screen during navigation and reveals once new page is loaded. Use during /init or standalone.
☆ 0查看技能
GitHub
navbar-configuration
Configure navbar menu items, logo, buttons, and styling. Sets up navigation from sitemap.md, ensures dropdown z-index is above content, configures buttons, and updates i18n. Dynamically finds navbar*.tsx compon...
☆ 0查看技能
GitHub
footer-configuration
Configure footer navigation links for SEO completeness. Sets up all pages (Homepage, Services, About, Contact, Impressum, Datenschutz) in organized groups. Dynamically finds footer*.tsx component. Updates i18n...
☆ 0查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。