发现 development cms platforms 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
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...
Design learner-focused training materials and playbooks for pilot processes. Use when creating user guides, workshops, or onboarding modules from workflows, personas, and objectives to support team training and...
Guide for ensuring UI consistency and premium aesthetics. Use when creating new pages/components or refining existing ones.
This skill enables visual inspection of websites running locally or remotely to identify and fix design issues. Triggers on requests like "review website design", "check the UI", "fix the layout", "find design...
Vercel's Web Interface Guidelines for accessibility, performance, and UX best practices. Use when reviewing or writing frontend code to check for accessibility issues, focus states, form patterns, animation bes...
Guides GetIt dependency injection patterns for service registration. Use when creating new services, registering dependencies, or refactoring service architecture.
Create effective content models for your blocks that are easy for authors to work with. Use this skill anytime you are building new blocks, making changes to existing blocks that modify the initial structure au...
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...
Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches principles, not fixed values.
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement,...
Apply frontend development standards for React/Next.js/Tailwind projects. Covers colour extraction from logos, avoiding AI-slop aesthetics, performance targets (LCP
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoid...
Expert skill for motion design, CSS transitions, micro-interactions, hover effects, and animation timing. Use when adding movement, hover effects, loading animations, or interaction feedback.
Create premium, high-converting dashboard and landing pages for RIBH following the brand's visual identity.
Provides the single source of truth for brand guidelines, design tokens, technology choices, and voice/tone. Use this skill whenever generating UI components, styling applications, writing copy, or creating use...
Creates Awwwards-level, high-performance animations using industry-standard tools like GSAP, Three.js/R3F, and Lenis. Specializes in "Hero Sections", 3D interactions, and scroll-linked storytelling.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoid...
Frontend design orchestrator that analyzes design requests and delegates to specialized expert skills. Use when the user asks to build UI components, pages, layouts, or any visual interface work. Understands us...
Apply Hyperfinity brand guidelines to ensure all AI-generated content follows correct color schemes, typography, and visual identity. Use this skill when creating any visual assets, UI components, marketing mat...
Creates premium, visually stunning web interfaces with modern design patterns. Use when building UI components, landing pages, dashboards, or any user-facing interface. Emphasizes rich aesthetics, micro-animati...
Generate high-performing Substack notes using proven structural patterns and psychology.
Create distinctive landing pages and marketing materials with high design quality. Use ONLY when explicitly asked for marketing pages, landing pages, hero sections, or promotional content. Do NOT use for dashbo...
Build scalable SEO through programmatically generated pages
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。