podo
- 157 skills
- 0 followers
- last month last updated
- ▌ Design System Governance · podo bundleDefine how a design system evolves: ownership models, contribution lifecycle, semantic versioning as a contract, deprecation policy, and quality gates.
- ▌ Sleek Design Mobile Apps · podo bundleAI-powered mobile app design integrated with the Sleek platform — design screens, create projects, and manage assets via natural language. Requires a Sleek Pro account and API key.
- ▌ Softaworks Agent Toolkit · podo bundle40+ agent skills in one package: mermaid-diagrams, excalidraw, draw-io, c4-architecture, design-system-starter, marp-slide, database-schema-designer, and more. The most comprehensive multi-skill toolkit available.
- ▌ Work With Design Systems · podo bundleTwo-mode Figma design system skill — Inspect mode (read-only WCAG audit, component scoring, handoff docs) and Build mode (six-phase creation with variable bindings, slots, descriptions), with optional sync to tokens.css + AI rules.
- ▌ Fixing Motion Performance · podo bundleAudits and fixes animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Guides developers to smooth, GPU-accelerated animations that avoid jank.
- ▌ Interface Design Dammyjay · podo bundleSpecialised for dashboards, admin panels, and SaaS applications where information density is high. Applies craft and consistency principles to produce interfaces that are both functional and visually coherent.
- ▌ Design Engineering Catalogue · podo bundleDomain navigator for UI craft, visual design, brand, color, typography, mobile design, and interactive design engineering skills. Routes to skills for taste-driven UI, platform design (iOS/Android), components, color science, and the full visual design stack.
- ▌ Threejs Claude Skill Package · podo bundle24 deterministic Three.js skills covering WebGL, WebGPU, React Three Fiber, Drei, physics, and IFC (architecture/BIM workflows). Built by the Open AEC Foundation for architecture and engineering workflows on top of 3D web rendering.
- ▌ Figma Variables Tokens Generator · podo bundleGuides creation of a W3C-compliant token system via questionnaire, generates a structured ZIP of JSON token files organized by collection tier (Primitives, Semantic, Component), plus a Figma plugin that imports them maintaining dependency order.
- ▌ Information Architecture And Navigation · podo bundleReference-grade information architecture and navigation: organization/labeling/navigation/ search systems, taxonomy depth-vs-breadth, every nav pattern per device, wayfinding, findability.
- ▌ Claud3 · podo bundleD3.js data visualization skill based on Edward Tufte principles. Selects the right chart type from 80+ options by analyzing the data question, then generates single-file HTML with D3 v7, dark theme, responsive layout, direct labels, and annotations.
- ▌ Remotion · podo bundleCreate programmatic videos with React. Official Remotion skill package — compose video sequences using React components, animate with spring physics, and render to MP4/GIF. Ideal for product demos, explainers, and data-driven videos.
- ▌ UI Craft · podo bundleThe deepest design engineering skill in the ecosystem. 23 domain references, 18 slash commands, 3 style variants, and a standalone anti-slop CLI detector with 33 rules. Covers premium UI taste, component patterns, and opinionated design-engineering workflows.
- ▌ Cc Slidev · podo bundleClaude Code plugin for creating developer-focused technical presentations (tech talks, conference content) using Slidev with evidence-based design guardrails for slide quality. Adds opinionated constraints on top of raw Slidev for presentation polish.
- ▌ Pm Skills · podo bundle55 production-ready PM skills organized around the Triple Diamond methodology: 26 phase skills (Discover through Iterate), 8 foundation skills (personas, OKRs, lean canvas), 6 utility meta-skills, and 15 Design Sprint and Foundation Sprint methodology skills. Templates, workflows, and sample outputs included.
- ▌ Search UX · podo bundleDesign search experiences that help users find, recover from failure, and refine. Query input, autocomplete, results, ranking, filtering, zero-results, and analytics.
- ▌ Shadcn UI · podo bundleProject-aware shadcn/ui workflow for searching, adding, composing, and fixing components with correct patterns. Understands the local component registry and avoids common shadcn anti-patterns during implementation.
- ▌ Styleseed · podo bundleDesign engine that teaches agents design judgment, not just data. Ships 69 brand-agnostic rules, 48 React components, 13 slash commands (/ss-tokens, /ss-component, /ss-audit, /ss-a11y, and more), and 60+ interchangeable brand skins (Toss, Stripe, Linear, Vercel, Notion, Raycast, Arc…). Tailwind v4 + Radix UI. Works with Claude Code and Cursor.
- ▌ D3js Skill · podo bundleCreate sophisticated data visualizations with D3.js: bar charts, line graphs, scatter plots, interactive visualizations with proper data binding, scales, axes, and animations. Handles real datasets with transformations and transitions.
- ▌ Design Lab · podo bundleInteractive design exploration environment: conducts design interviews, generates multiple UI variants, and refines designs through structured iterative feedback loops until the direction is confirmed.
- ▌ Digidai Pm · podo bundleSenior Product Manager agent with 30+ PM frameworks and SaaS metrics. Covers discovery, prioritization, roadmapping, stakeholder communication, and product analytics for B2B and consumer products.
- ▌ Hig Doctor · podo bundleDiagnose Apple HIG compliance issues with targeted guidance and fixes. 14 specialized skills covering HIG component categories — identifies non-compliant patterns and provides specific remediation steps.
- ▌ Impeccable · podo bundleDesign fluency for frontend development. 1 skill with 23 slash commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.), curated anti-pattern detection CLI, and runtime node scripts. Covers UI design, redesign, critique, accessibility, motion, theming, typography, and component craft across websites, dashboards, and apps.
- ▌ Ink Google · podo bundleInk-style visual design skill for Claude artifacts. Applies a distinctive editorial aesthetic — high contrast, strong typographic voice, restrained color — to artifact output from Google Labs.
- ▌ Shader Dev · podo bundleGLSL shader development: ray marching, fluid simulation, particle systems, and procedural generation. Official MiniMax skill for creating real-time visual effects in WebGL and creative coding contexts.
- ▌ Wireframer · podo bundleGenerate low-fidelity wireframes for UI layouts, user flows, and screen architecture. Focuses on structure and content hierarchy before visual design decisions are made.
- ▌ Baseline UI · podo bundleValidates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS. Ensures UI work meets baseline quality standards before shipping.
- ▌ Design HTML · podo bundleImplement designs as production-ready HTML/CSS with pixel-level fidelity. Garry Tan's design-html skill — translates mockups, Figma specs, or design descriptions into clean, semantic, accessible HTML output.
- ▌ Expo Skills · podo bundleOfficial Expo skills for working with Expo projects and Expo Application Services (EAS). Fine-tuned for Opus models by the Expo team. Covers the Expo SDK, EAS Build, EAS Submit, and Expo Router.
- ▌ Figma Skill · podo bundleConnects to Figma API, discovers Community resources matching the project, extracts design tokens, and generates framework-specific code for 7 frameworks.
- ▌ Gsap Skills · podo bundleOfficial GSAP skills suite with 8 focused skills: core GSAP, Timeline, ScrollTrigger, plugins (Flip/Draggable/SplitText), utils, React (useGSAP hook), performance (60fps), and frameworks (Vue/Svelte/Nuxt). Works across Cursor, Claude Code, Copilot.
- ▌ Guizang Ppt · podo bundleGenerate structured PowerPoint presentations from content or outlines. Produces clean .pptx files with consistent slide layouts, proper hierarchy, and presenter-ready formatting.
- ▌ Hyperframes · podo bundle"Write HTML. Render video." — 11 skills for composition authoring, TTS/transcription, CLI workflow, asset registry, URL capture, and GSAP/Anime.js/CSS/Lottie/Three.js/WAAPI animation. Built specifically for AI coding agents. Requires HeyGen account for media generation.
- ▌ Marp Slides · podo bundleMarp presentation skill with 22 curated example decks, SVG charts, dashboard components, and dark/light themes. Teaches slide composition and visual quality patterns for Markdown-based presentations rendered with the Marp framework.
- ▌ Open Design · podo bundleOpen-source local-first alternative to Claude Design with 31 design skills (web prototypes, SaaS landing pages, dashboards, mobile onboarding, gamified apps, email, social carousels, poster design, motion frames, sprite animation) and 71 brand-grade design systems. Runs as a daemon plus web UI or desktop app.
- ▌ P5js Hermes · podo bundleProduction pipeline for interactive and generative visual art using p5.js. Covers 2D/3D rendering, noise and particle systems, flow fields, GLSL shaders, pixel manipulation, kinetic typography, WebGL, and audio-reactive visuals. 10 reference files from NousResearch's Hermes agent.
- ▌ Taste Skill · podo bundleHigh-agency frontend skill that gives AI good taste with tunable design variance, motion intensity, and visual density. Prevents generic AI UI slop through metric-based rules, strict component architecture, and premium design engineering directives.
- ▌ Claude2figma · podo bundleFour-skill enforcement layer for design system compliance in Figma: ensures components are instances of master components, and colors/fonts/spacing/radii bind to Figma variables and styles. Every canvas write is auto-verified for token compliance.
- ▌ Color Expert · podo bundle286K words of color science applied to UI/UX design. Covers OKLCH/OKLAB color spaces, palette generation, accessibility contrast ratios, color naming, pigment mixing, and historical color theory. By meodai, creator of color-names.
- ▌ Design Brief · podo bundleGenerate structured design briefs from loose requirements and product context. Turns vague ideas into actionable design specs: goals, constraints, audience, success metrics, and scope boundaries.
- ▌ Lenny Skills · podo bundle86 PM and product design skills from Lenny Rachitsky's framework. Covers user research, behavioral product design, designing surveys, conducting interviews, running design reviews, user onboarding, growth loops, design systems, and writing specs. 945 stars.
- ▌ React Doctor · podo bundleDetects regressions in security, performance, correctness, and architecture across React codebases using score-based quality checks. Surfaces issues with severity ratings and actionable remediation steps for each finding.
- ▌ Slidev Skill · podo bundleOfficial Slidev skill from the Slidev team — helps agents understand and generate developer-focused technical presentations using Slidev's Markdown format with Vue components, code highlighting, and animations.
- ▌ Animate Skill · podo bundleEmil Kowalski-inspired animation patterns for Next.js/React with 8 working examples: hover effects, toast notifications, text reveals, and modals. Emphasises motion that feels inevitable and purposeful.
- ▌ Chadboyda Gtm · podo bundle18 go-to-market agent skills that turn a coding agent into a GTM operator: positioning + ICP, AI pricing, sales-motion design, cold outreach, AI SDR, lead enrichment, multi-platform and Product Hunt launches, programmatic SEO, paid creative, retention/expansion, partner programs, and GTM metrics/attribution.
- ▌ Design For AI · podo bundleTwo-mode plugin: CHECKER audits designs across seven categories (purpose, typography, proportions, composition, visual hierarchy, color, SEO); APPLIER guides six-phase creation from foundation through technical implementation.
- ▌ Design Sprint · podo bundleDeeply researches a codebase, designs a feature through iterative brainstorming and annotation cycles, then decomposes it into an implementable issue hierarchy (parent + sub-issues with dependencies) on GitHub or GitLab. Hard gates between phases ensure research happens before design, and design is complete before implementation. Each sub-issue is scoped to require zero creative decisions.
- ▌ Fal AI Skills · podo bundle2 official fal.ai skills: image/video generation using fal.ai AI models, and 3D model generation from text or images. Requires a fal.ai API key.
- ▌ Huashu Design · podo bundleHTML-native design skill producing magazine-grade typography, precise CSS Grid, animated prototypes with 20 design philosophies, 5-dimension self-review, and MP4 export. Agent-agnostic and works without external component libraries.
- ▌ Humanize Text · podo bundleScores and rewrites text to remove AI writing patterns. Rates content across 7 dimensions — AI vocabulary, content inflation, grammar patterns, UX copy quality, structural tells, punctuation, and meta-content — each on a 1–10 scale. Works with raw text, Figma URLs, and UI screenshots. Based on Wikipedia's Signs of AI Writing field guide.
- ▌ Nanobanan Ppt · podo bundleAI-powered PowerPoint generation with document analysis and styled image generation. Analyzes input documents, structures content into slides, and generates matching visual assets. Requires API credentials for image generation features.
- ▌ Openai Skills · podo bundle9 official OpenAI skills: 6 Figma design skills (mirroring the Figma official suite), frontend design for landing pages and apps, PowerPoint slide creation with PptxGenJS, and image generation using the OpenAI Image API.
- ▌ UI UX Pro Max · podo bundle50+ design styles, 97 color palettes, and 9 technology stack templates (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Installs as a Claude plugin via .claude-plugin format.
- ▌ UX UI Mastery · podo bundle19-skill plugin suite covering cognitive psychology UX, Nielsen heuristics, UX research methods, interaction/motion design, accessibility/inclusive design, mobile UX, desktop app design, cross-cultural i18n UX, agentic AI/generative UX, ambient/zero UI, and spatial/voice UX. 310K+ words incorporating iOS 26 Liquid Glass and WCAG 3.0.
- ▌ Vercel Skills · podo bundle4 official Vercel skills for web design guidelines, component building, React performance, and composition patterns. Enforces 100+ Web Interface Guidelines and accessible, composable component APIs.
- ▌ Wcag AI Skill · podo bundleTurns WCAG 2.2 into practical guidance for web design, frontend implementation, content review, accessibility QA, remediation planning, and conformance documentation. Different focus from wcag-audit-patterns — covers the full WCAG guidance workflow from design through documentation.
- ▌ Data Viz Agent · podo bundleData visualization engineer agent using D3.js, Chart.js, Matplotlib, and Plotly. Applies Cleveland-McGill perceptual hierarchy, WCAG AA contrast, and colorblind-safe palettes. Selects the right chart type for the data relationship.