القائمة
Skills في هذا المستودع
جمع SkillsMP عدد ١٥٧ من skills من podo/design-agent-skills. افتح أي skill لمراجعة مصدره وتفاصيله.
podo/design-agent-skillsعرض ٣٧ من أصل ١٥٧ skills مجمعة.
9 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.
لغة النص الأصلي: الإنجليزية
Production 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…
لغة النص الأصلي: الإنجليزية
Senior Designer review that rates UI across multiple dimensions (0–10) with AI Slop detection. Garry Tan's structured design critique — scores layout, hierarchy, typography, color, consistency, and flags generic AI patterns.
لغة النص الأصلي: الإنجليزية
300+ design rules from Apple HIG, Material Design 3, and WCAG 2.2 for cross-platform apps. Covers iOS, Android, macOS, and web accessibility platform conventions in one unified skill package.
لغة النص الأصلي: الإنجليزية
Detects 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.
لغة النص الأصلي: الإنجليزية
Generates professional Reveal.js presentations with themed designs, multi-column layouts, Chart.js data visualization, speaker notes, staggered animations, and PDF export. No build step required — outputs standalone HTML files.
لغة النص الأصلي: الإنجليزية
Project-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.
لغة النص الأصلي: الإنجليزية
GLSL 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.
لغة النص الأصلي: الإنجليزية
140+ skill collection with a full design suite: Vision (creative direction), Muse (design tokens/dark mode), Frame (Figma-to-code bridge), Pixel (pixel-accurate HTML/CSS), Echo (persona-driven UI validation), Prose (microcopy/UX writing), Ink (SVG icons), Dot…
لغة النص الأصلي: الإنجليزية
AI-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.
لغة النص الأصلي: الإنجليزية
Official 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.
لغة النص الأصلي: الإنجليزية
40+ 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.
لغة النص الأصلي: الإنجليزية
Official Software Mansion React Native production patterns: animations, gestures, SVG/charts/illustrations, on-device AI, rich text, multithreading, audio, and JSI. Fine-tuned for Opus 4.6+. The authoritative source for React Native best practices from the…
لغة النص الأصلي: الإنجليزية
Design 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,…
لغة النص الأصلي: الإنجليزية
AI design agent for infinite-canvas ideation inside the IDE — searches design prompts, extracts brand guides, creates projects, and iterates on design drafts. Works via the @superdesign/cli package which must be installed globally first.
لغة النص الأصلي: الإنجليزية
AI-swarm verified SwiftUI skills for iOS 26 Liquid Glass, animations, and UI patterns. Verified against WWDC 2025 docs and Xcode 26.3, current through iOS 26.4 RC. Different from swiftui-patterns which focuses on general SwiftUI best practices.
لغة النص الأصلي: الإنجليزية
Apply design taste and aesthetic judgment to Google Stitch UI output. Elevates AI-generated Stitch interfaces beyond generic defaults with opinionated visual choices, spacing, and typographic refinement.
لغة النص الأصلي: الإنجليزية
High-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.
لغة النص الأصلي: الإنجليزية
24 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.
لغة النص الأصلي: الإنجليزية
Three.js combined with Entity Component Systems (ECS) and TypeScript, adding structured game and interactive architecture patterns on top of Three.js rendering for complex interactive scenes with many independent objects.
لغة النص الأصلي: الإنجليزية
Designs clean, professional terminal UIs and CLIs across four ecosystems: Go (Bubble Tea/ Lipgloss), Rust (Ratatui), Python (Textual), and TypeScript (Ink). Covers layout patterns, color systems, keybinding conventions, and framework-specific design patterns.
لغة النص الأصلي: الإنجليزية
The 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.
لغة النص الأصلي: الإنجليزية
50+ 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.
لغة النص الأصلي: الإنجليزية
End-to-end user research assistant — qualitative and quantitative. Covers the full research lifecycle: study planning, discussion guide creation, AI-moderated interviews (real or synthetic via Cookiy), survey design and distribution, transcript synthesis,…
لغة النص الأصلي: الإنجليزية
Synthesizes guidance from 19 authoritative UX sources including Nielsen Norman Group and Laws of UX, with 2026 modern best practices. Covers interaction patterns, cognitive load reduction, visual design, usability principles, and platform conventions.
لغة النص الأصلي: الإنجليزية
19-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…
لغة النص الأصلي: الإنجليزية
4 official Vercel skills for web design guidelines, component building, React performance, and composition patterns. Enforces 100+ Web Interface Guidelines and accessible, composable component APIs.
لغة النص الأصلي: الإنجليزية
Turns 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…
لغة النص الأصلي: الإنجليزية
WebGPU-enabled Three.js skill covering TSL (Three.js Shading Language), node-based materials, GPU compute shaders, post-processing effects, and WGSL integration. Ships in dual format for Claude Code and Cursor, aligned with Three.js r183+.
لغة النص الأصلي: الإنجليزية
Animates static SVG logos into Lottie JSON format, then renders them as animated GIFs and MP4s. Specialised for logo animation workflows.
لغة النص الأصلي: الإنجليزية
Generates wireframes from natural language descriptions, outputting machine-readable JSON (.wireframe.json) and interactive HTML with drag-and-drop reordering and undo/redo. Requires only Python 3 and a browser — no design tool accounts needed.
لغة النص الأصلي: الإنجليزية
Generate low-fidelity wireframes for UI layouts, user flows, and screen architecture. Focuses on structure and content hierarchy before visual design decisions are made.
لغة النص الأصلي: الإنجليزية
Design skills derived from seminal books including Refactoring UI, The Design of Everyday Things, Inspired (Marty Cagan), JTBD, Hook Model, Design Sprint, and Lean UX. Available as individual skills (refactoring-ui, design-everyday-things, microinteractions,…
لغة النص الأصلي: الإنجليزية
Two-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.
لغة النص الأصلي: الإنجليزية
Domain navigator for accessibility, WCAG compliance, performance auditing, and code quality skills. Routes to the right skill for a11y remediation, WCAG 2.2 audits, Core Web Vitals, React quality, and motion performance.
لغة النص الأصلي: الإنجليزية
Domain navigator for Figma, design-to-code, design tokens, and official platform skill suites. Routes to the right skill for working between design tools and code, managing design systems, or using official platform skills (Anthropic, Vercel, Expo, Software…
لغة النص الأصلي: الإنجليزية
Domain navigator for motion, animation, 3D, and generative media skills. Routes to the right skill for GSAP, Framer Motion, Three.js, Lottie, shaders, generative art, video, and AI media generation.
لغة النص الأصلي: الإنجليزية