Skills
Curated SKILL.md files for designers, product managers, founders, and students. Install once and your agent applies the right skill for accessibility, critique, UX writing, design systems, and more. Works with Cursor, Claude Code, VS Code, and Codex.
48 skills
Tailwind Design System
Build scalable design systems with Tailwind CSS v4: CSS-first tokens, OKLCH theming, CVA components, dark mode, and v3-to-v4 migration patterns.
Design Handoff
Generate developer handoff specs from a design: layout, tokens, component props, states, responsive breakpoints, edge cases, animations, and accessibility.
Design Engineering
Emil Kowalski's design engineering skill: UI polish, animation decisions, component patterns, and the invisible details that make interfaces feel right.
PPT Visual
Design professional PowerPoint slide layouts with color palettes, typography specs, and layout patterns. Covers cover, content, comparison, data, and closing slides with ASCII wireframes and before/after examples.
Grill Me
Relentless interviewing skill that stress-tests plans and designs through systematic questioning. Walks each branch of the design tree one decision at a time, with recommended answers and codebase exploration when context is available.
Taste Design
Generate premium, non-generic DESIGN.md guidelines for Stitch with strict anti-pattern bans, semantic design language, and responsive/motion constraints.
Brandkit
Premium brand-kit image generation for guidelines boards, logo systems, identity decks, and visual-world presentations. Minimal, cinematic, editorial systems with intentional logo concepting, sparse typography, and presentation-ready mockups.
Web Interface Guidelines
Review UI code for accessibility, focus states, forms, animation, typography, and performance. Comprehensive checklist from Vercel's design team.
Frontend Design
Create distinctive, production-grade frontend interfaces with high design quality. Avoid generic "AI slop" aesthetics with bold typography, color, and spatial composition.
Canvas Design
Create beautiful visual art, posters, and static designs using design philosophy. Generates museum-quality work with a two-step process: philosophy creation, then visual expression.
Brand Guidelines
Apply brand colors, typography, and visual identity to artifacts. Includes color palettes, font pairings, and consistent styling for presentations, docs, and interfaces.
Theme Factory
10 pre-set professional themes with colors and fonts for slides, docs, reports, and landing pages. Apply consistent styling or generate custom themes on-the-fly.
Web Artifacts Builder
Build elaborate, multi-component React artifacts with Tailwind CSS and shadcn/ui. Full stack for creating production-ready web components and applications.
Stitch DESIGN.md
Analyze Stitch projects and generate semantic DESIGN.md files from screen metadata, HTML/CSS, and assets. Produces atmosphere, color roles, typography, component styling, and layout principles.
Algorithmic Art
Create generative art using p5.js with seeded randomness and interactive parameter exploration. Perfect for visual designers creating flow fields, particle systems, and computational aesthetics.
PPTX Presentations
Create, edit, and analyze PowerPoint presentations with professional design principles. Includes 18 color palettes, typography guidance, and layout best practices.
Internal Communications
Write professional internal communications: 3P updates, newsletters, FAQs, status reports, and project updates using company formats.
Notion Research Documentation
Research across Notion and synthesize into structured briefs, comparisons, or reports with citations. Perfect for UX researchers gathering info from multiple sources.
Notion Spec to Implementation
Turn PRDs and feature specs into implementation plans, tasks, and progress tracking. Essential for product designers managing handoffs.
Data Visualization
Design effective data visualizations: charts, graphs, dashboards, and infographics. Learn principles for making data clear, accessible, and actionable.
LiboAccessibility Expert
Build inclusive interfaces with WCAG compliance, screen reader support, keyboard navigation, and inclusive design patterns.
LiboUX Writing
Write effective microcopy: button labels, error messages, empty states, onboarding, and tooltips that guide users through your interface.
LiboDesign Critique
Structured framework for giving and receiving design feedback. Covers critique formats, feedback types, and facilitation guidelines.
LiboDesign Workshop Facilitation
Facilitate effective design workshops for problem-solving, ideation, customer journey mapping, design sprints, and team alignment.
LiboUI/UX Pro Max
Comprehensive design guide for web and mobile: 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, 25 chart types. Searchable database with priority-based recommendations.
Remotion Best Practices
Domain-specific knowledge for Remotion: compositions, animations, sequencing, transitions, video/audio/assets, Lottie, charts, captions, and more.
Product Manager Toolkit
Essential tools for PM: RICE prioritization, customer interview analysis, PRD templates. Feature prioritization, discovery, roadmap.
Product Marketing Context
Create and maintain .claude/product-marketing-context.md: positioning, audience, differentiation, customer language. Other marketing skills reference it.
AI Product
Ship LLM features to production: structured output, streaming, prompt versioning. Avoid demo-ware, context stuffing, unvalidated output.
SEO Audit
Identify SEO issues and recommendations: crawlability, technical, on-page, content. Check product-marketing-context first.
Copywriting
Conversion copywriting: headlines, CTAs, page structure. Clarity over cleverness, benefits over features. Use product-marketing-context when available.
Competitor & Alternative Pages
Create comparison and alternative pages that rank and convert. Honesty, depth, help evaluators decide. Use product-marketing-context.
AI Native Product Designer
End-to-end product design with LLMs first, AI code tools for interactive prototypes, and Figma for systems and polish. Includes when to use it, default response shape, terminology (Native level vs AI native role), quick reference, self-check, and a full appendix rubric (clusters, cross-functional, frontier, role comparison). Example hiring bar: Ramp Product Designer.
Libogstack
Fast headless browser for QA testing, deployment verification, and user-flow dogfooding. Navigate pages, interact with elements, diff snapshots, take annotated screenshots, and test responsive layouts, forms, and dialogs.
Brainstorming
You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.
Using Superpowers
Use when starting any conversation - establishes how to find and use skills, requiring Skill tool invocation before ANY response including clarifying questions
Systematic Debugging
Use when encountering any bug, test failure, or unexpected behavior, before proposing fixes
Writing Plans
Use when you have a spec or requirements for a multi-step task, before touching code
Requesting Code Review
Use when completing tasks, implementing major features, or before merging to verify work meets requirements
Test-Driven Development
Use when implementing any feature or bugfix, before writing implementation code
Executing Plans
Use when you have a written implementation plan to execute in a separate session with review checkpoints
Subagent-Driven Development
Use when executing implementation plans with independent tasks in the current session
Verification Before Completion
Use when about to claim work is complete, fixed, or passing, before committing or creating PRs - requires running verification commands and confirming output before making any success claims; evidence before assertion...
Receiving Code Review
Use when receiving code review feedback, before implementing suggestions, especially if feedback seems unclear or technically questionable - requires technical rigor and verification, not performative agreement or bli...
Writing Skills
Use when creating new skills, editing existing skills, or verifying skills work before deployment
Dispatching Parallel Agents
Use when facing 2+ independent tasks that can be worked on without shared state or sequential dependencies
Using Git Worktrees
Use when starting feature work that needs isolation from current workspace or before executing implementation plans - ensures an isolated workspace exists via native tools or git worktree fallback
Finishing a Development Branch
Use when implementation is complete, all tests pass, and you need to decide how to integrate the work - guides completion of development work by presenting structured options for merge, PR, or cleanup