GitHub
layout-system
Master responsive layout design using modern CSS (Flexbox, Grid), mobile-first approach, and breakpoint strategies. Create layouts that adapt beautifully across all devices while maintaining accessibility and p...
☆ 12查看技能
内容与媒体 AI 技能
发现 内容与媒体 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: 内容与媒体
内容与媒体 清除筛选
全部技能
GitHub
lead-magnet
Create compelling free offers that attract your ideal customers. Use when building email lists, generating leads, or creating entry points for your audience.
☆ 12查看技能
GitHub
tweet-writer
Write viral, persuasive, engaging tweets and threads. Uses web research to find viral examples in your niche, then models writing based on proven formulas and X algorithm optimization. Use when creating tweets,...
☆ 12查看技能
GitHub
performance-optimization
Master perceived performance through optimistic UI, skeleton screens, and latency strategies. Learn the difference between actual and perceived latency. Use when optimizing load times, designing loading states,...
☆ 12查看技能
GitHub
frontend-orchestrator
Master coordinator skill that diagnoses your application's design maturity level and sequences all 13 frontend design skills in the optimal order. Analyzes current state, identifies gaps, and creates a personal...
☆ 12查看技能
GitHub
talking-head
Create presenter and UGC-style video content. Use when creating educational videos, testimonials, product demos, or personal brand content.
☆ 12查看技能
GitHub
direct-response-copy
Write persuasive sales copy that converts using proven direct response principles. Use when writing landing pages, sales emails, ads, or any copy designed to drive action.
☆ 12查看技能
GitHub
email-sequences
Create automated email sequences that build trust and drive conversions. Use when setting up welcome sequences, nurture campaigns, sales sequences, or launch campaigns.
☆ 12查看技能
GitHub
social-graphics
Generate platform-optimized social media graphics and posts. Use when creating content for Instagram, Twitter, LinkedIn, TikTok, or other social platforms.
☆ 12查看技能
GitHub
product-video
Create animated product videos with reveals and animations. Use when creating product demos, promotional videos, or dynamic visual content.
☆ 12查看技能
GitHub
creative-strategist
Research visual direction and develop your creative style. Use when establishing brand aesthetics, finding your visual identity, or planning creative direction for your assets. Integrates with Image Generation...
☆ 12查看技能
GitHub
visual-hierarchy-refactoring
Master visual hierarchy through size, weight, contrast, and whitespace. Learn to establish clear information hierarchy without relying solely on color. Covers Gestalt principles, the rule of excessive whitespac...
☆ 12查看技能
GitHub
design-foundation
Establish or formalize your design system foundation. Create design tokens (color, typography, spacing, shadows, borders), define component architecture, document design principles, and build the structure that...
☆ 12查看技能
GitHub
seo-content
Create articles that rank in search engines and engage readers. Use when building organic traffic, establishing authority, or creating content that attracts your ideal customers through search.
☆ 12查看技能
GitHub
component-architecture
Design and build reusable, well-documented components. Master component composition, prop design, variant systems, state management, and documentation. Create a scalable component library that enables consisten...
☆ 12查看技能
GitHub
error-handling-recovery
Design error states and recovery workflows that guide users to resolution. Learn context-aware error messages, graceful degradation, and recovery patterns. Use when handling validation errors, network failures,...
☆ 12查看技能
GitHub
color-system
Master color design with color theory, accessibility, theming, and dark mode. Create harmonious color systems that work across contexts, support accessibility standards, and enable flexible theming. Includes co...
☆ 12查看技能
GitHub
positioning-angles
Find your unique market positioning using 8 proven frameworks. Use when developing marketing strategy, creating differentiation, or clarifying why customers should choose you over competitors.
☆ 12查看技能
GitHub
image-generation
Generate images using FAL.ai nanobanana pro. Use when creating product shots, social graphics, brand assets, or any visual content. Integrates with automation system for direct asset generation in Claude Code.
☆ 12查看技能
GitHub
accessibility-excellence
Master web accessibility (A11y) to ensure your product is usable by everyone, including people with disabilities. Covers WCAG standards, semantic HTML, keyboard navigation, screen readers, color contrast, and i...
☆ 12查看技能
GitHub
orchestrator
Diagnose your marketing situation and sequence all 9 other skills strategically. Use when starting a new marketing initiative, auditing your current system, or optimizing your marketing strategy.
☆ 12查看技能
GitHub
brand-asset
Generate branded design elements and visual assets. Use when creating logos, icons, brand patterns, or other branded visual elements.
☆ 12查看技能
GitHub
newsletter
Build recurring audience touchpoints with compelling newsletters. Use when building audience loyalty, establishing authority, or creating regular engagement with your subscribers.
☆ 12查看技能
GitHub
loading-states
Design effective loading states, skeleton screens, and empty states that maintain user confidence. Use when content takes time to load, when showing progress, or handling empty data scenarios. Triggers on "load...
☆ 12查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。