EasyGlobe Skills
Creative, Design & Styling 创意设计 Skills Hub
面向 Claude Skills、Codex Skills、Gemini Skills、Kimi Skills、GLM Skills 和团队流程的 Creative, Design & Styling 创意设计 分类页。
如何筛选
先看这个分类覆盖的 Agent 和工作流,再进入具体 Skill 详情页核对任务边界、README 摘要、安装方式和输出格式。
适用方式
这个分类用于组织视觉概念、图像提示词、创意指导、UI 样式、组件指南、布局审阅和视觉打磨相关的 Agent-ready Skills。所有子分类页复用同一个 Skills 模版,方便团队快速比较分类,并适配 Claude、Codex、Gemini、Kimi、GLM 或内部 SOP。
可使用的 AI Agent 与模型
适合落地为
创意设计 Skills
热门 创意设计 Skills
优先展示当前 创意设计 分类下更适合先评估的 Skill。每个 Skill 都有详情页、下载入口和原始 Skill URL,方便判断它是否适合进入 Claude、Codex、Gemini、Kimi、GLM 或团队 SOP。
Top Design 设计 Skills 介绍
好用的设计skills
适合处理 UI 相关任务,并沉淀为可复用 agent 工作流。
设计系统 Skills 介绍
把全球知名企业官网设计规范,做成了单独的skills
适合处理 UI 相关任务,并沉淀为可复用 agent 工作流。
UI/UX Pro Max 介绍
专注UI/UX设计的解决方案,减少AI那种蓝紫配色,提升UI质量
适合处理 UI 相关任务,并沉淀为可复用 agent 工作流。
精选 Skills 资源
来自 FynnZhang 设计师工具库与手动整理的可用 Skill、MCP、Agent 和金融 API 资源。
好用的设计skills
把全球知名企业官网设计规范,做成了单独的skills
专注UI/UX设计的解决方案,减少AI那种蓝紫配色,提升UI质量
Claude Code官方出品的前端设计插件,让网页UI设计更好看
让AI编码工具能直接读取设计稿中的组件、变量和间距等精确语义,从而将设计意图高保真地转化为代码
用 100+ 条可访问性和 UX 规则审查 UI 代码。
用复合组件模式替代布尔 prop 地狱。
让 Claude 掌握基于 React 的程序化视频制作知识。
视频理解 Skill,支持视频链接和本地文件,提取场景关键帧、获取字幕或 Whisper 转录,并把视觉与文本证据交给 Agent 分析。
生产级前端设计 Skill,用于审计、重设计、打磨和实现界面,覆盖视觉层级、无障碍、响应式、动效、UX 文案与设计系统。
生成架构图、工作流、时序图、数据流和生命周期图,输出带 SVG、明暗主题切换及 PNG、JPEG、WebP、SVG 导出的独立 HTML。
通过 Codex 及其他兼容 Skills 的 Agent,把文章、报告、论文、笔记或大纲生成视觉统一的图片型 PPT/PPTX。
创建可编辑的 Draw.io 架构图、UML、SysML、BPMN、网络、基础设施、机器学习模型图和思维导图,并支持本地导出 PNG、SVG、PDF 与 JPG。
跨 Agent 的设计 Skill,用独立 HTML 制作 UI Mockup、交互原型、线框图、落地页、Dashboard、移动端界面、幻灯片和可复用设计系统。
使用精确测量的 HTML/CSS 制作学术会议海报,再通过无头 Chromium 渲染为可印刷 PDF,适用于 ICML、NeurIPS、ICLR、CVPR 等会议。
通过组件行流水线生成干净的 2D 游戏 Sprite 与动画图集,包含色键清理、帧提取、确定性图集合成、QA 报告和素材筛选工具。
来自 Awesome Agent Skills「Official Claude Skills」集合:Design visual art in PNG and PDF formats。
来自 Awesome Agent Skills「Official Claude Skills」集合:Frontend design and UI/UX development tools。
来自 Awesome Agent Skills「Official Claude Skills」集合:Building apps with the Gemini Interactions API for text, chat, streaming, and image generation。
来自 Awesome Agent Skills「Official Claude Skills」集合:React Native upgrade workflow: templates, dependencies, and common pitfalls。
来自 Awesome Agent Skills「Official Claude Skills」集合:Guidelines for designing scalable content models in Sanity。
来自 Awesome Agent Skills「Official Claude Skills」集合:Design ClickHouse architectures and translate best practices into workload-specific decisions。
来自 Awesome Agent Skills「Official Claude Skills」集合:Programmatic video creation with React。
来自 Awesome Agent Skills「Official Claude Skills」集合:Discover, compare, and run AI models using Replicate's API。
来自 Awesome Agent Skills「Skills by Venice.ai」集合:API basics, auth modes, pricing, and versioning。
来自 Awesome Agent Skills「Skills by Venice.ai」集合:API keys and wallet-based Venice authentication。
来自 Awesome Agent Skills「Skills by Venice.ai」集合:Chat completions, multimodal inputs, tools, and streaming。
来自 Awesome Agent Skills「Skills by Venice.ai」集合:OpenAI-compatible Responses API for Venice。
来自 Awesome Agent Skills「Skills by Venice.ai」集合:Embeddings models, dimensions, and encoding formats。
来自 Awesome Agent Skills「Skills by Venice.ai」集合:Image generation endpoints and available styles。
来自 Awesome Agent Skills「Skills by Venice.ai」集合:Image edits, upscaling, and background removal。
来自 Awesome Agent Skills「Skills by Venice.ai」集合:Text-to-speech models, voices, formats, and streaming。
来自 Awesome Agent Skills「Skills by Venice.ai」集合:Music generation queueing, retrieval, and completion endpoints。
来自 Awesome Agent Skills「Skills by Venice.ai」集合:Audio transcription models and speech-to-text options。
来自 Awesome Agent Skills「Skills by Venice.ai」集合:Video generation and transcription workflows。
来自 Awesome Agent Skills「Skills by Venice.ai」集合:Model catalog, traits, and compatibility mappings。
来自 Awesome Agent Skills「Skills by Venice.ai」集合:Character endpoints and `character_slug` usage。
来自 Awesome Agent Skills「Skills by Venice.ai」集合:API key CRUD, rate limits, and Web3 keys。
来自 Awesome Agent Skills「Skills by Venice.ai」集合:Balance, usage, and billing analytics endpoints。
来自 Awesome Agent Skills「Skills by Venice.ai」集合:Wallet credits and x402 payments on Base。
来自 Awesome Agent Skills「Skills by Venice.ai」集合:JSON-RPC proxying for supported crypto networks。
来自 Awesome Agent Skills「Skills by Venice.ai」集合:Search, scraping, and text parsing endpoints。
来自 Awesome Agent Skills「Skills by Venice.ai」集合:Error handling, retries, and API status codes。
来自 Awesome Agent Skills「Skills by Netlify Team」集合:Optimize and transform images via CDN。
来自 Awesome Agent Skills「Skills by Google Labs (Stitch)」集合:Create and manage DESIGN.md files。
来自 Awesome Agent Skills「Skills by Google Labs (Stitch)」集合:Improve prompts with design specs and UI/UX vocabulary。
来自 Awesome Agent Skills「Skills by Google Labs (Stitch)」集合:Stitch to React components conversion。
来自 Awesome Agent Skills「Skills by Google Labs (Stitch)」集合:Generate walkthrough videos from Stitch app designs。
来自 Awesome Agent Skills「Skills by Google Labs (Stitch)」集合:Build UI components with shadcn/ui。
来自 Awesome Agent Skills「Skills by Google Labs (Stitch)」集合:Iterative design-to-code feedback loop。
来自 Awesome Agent Skills「Skills by Microsoft」集合:Design well-architected Azure cloud systems。
来自 Awesome Agent Skills「Skills by Microsoft」集合:Review and create distinctive frontend interfaces。
来自 Awesome Agent Skills「Skills by Microsoft」集合:AI podcast audio with Azure OpenAI Realtime API。
来自 Awesome Agent Skills「Skills by Microsoft」集合:Image captioning, OCR, and object detection。
来自 Awesome Agent Skills「Skills by Microsoft」集合:Foundry Agents SDK — container-based agents with custom images。
来自 Awesome Agent Skills「Skills by Microsoft」集合:Image captions, tags, OCR, objects。
来自 Awesome Agent Skills「Skills by Microsoft」集合:Container image and registry management。
来自 Awesome Agent Skills「Skills by Microsoft」集合:REST speech-to-text for short audio。
来自 Awesome Agent Skills「Skills by Microsoft」集合:Content safety for text and images。
来自 Awesome Agent Skills「Skills by fal.ai Team」集合:Generate 3D models from text or images。
来自 Awesome Agent Skills「Skills by fal.ai Team」集合:Text-to-speech and speech-to-text using fal.ai audio models。
来自 Awesome Agent Skills「Skills by fal.ai Team」集合:Generate images and videos using fal.ai AI models。
来自 Awesome Agent Skills「Skills by fal.ai Team」集合:AI-powered image editing with style transfer and object removal。
来自 Awesome Agent Skills「Skills by fal.ai Team」集合:Generate images and videos with Kling O3 — Kling's most powerful model family。
来自 Awesome Agent Skills「Skills by fal.ai Team」集合:Create talking head videos and lip sync audio to video。
来自 Awesome Agent Skills「Skills by fal.ai Team」集合:Platform APIs for model management, pricing, and usage tracking。
来自 Awesome Agent Skills「Skills by fal.ai Team」集合:Real-time and streaming AI image generation。
来自 Awesome Agent Skills「Skills by fal.ai Team」集合:Restore and fix image quality — deblur, denoise, fix faces, restore documents。
来自 Awesome Agent Skills「Skills by fal.ai Team」集合:Train custom AI models (LoRA) on fal.ai for personalized image generation。
来自 Awesome Agent Skills「Skills by fal.ai Team」集合:Virtual try-on — see how clothes look on a person。
来自 Awesome Agent Skills「Skills by fal.ai Team」集合:Upscale and enhance image and video resolution using AI。
来自 Awesome Agent Skills「Skills by fal.ai Team」集合:Edit existing videos using AI — remix style, upscale, remove background, add audio。
来自 Awesome Agent Skills「Skills by fal.ai Team」集合:Analyze images — segment objects, detect, OCR, describe, visual Q&A。
来自 Awesome Agent Skills「Skills by fal.ai Team」集合:Generate workflow JSON files for chaining AI models。
来自 Awesome Agent Skills「Skills by WordPress Development Team」集合:WordPress Design System。
来自 Awesome Agent Skills「Skills by OpenAI」集合:Generate and edit images using OpenAI's Image API for projects。
来自 Awesome Agent Skills「Skills by OpenAI」集合:Generate, remix, and manage short video clips via OpenAI's Sora API。
来自 Awesome Agent Skills「Skills by OpenAI」集合:Generate spoken audio from text using OpenAI's API with built-in voices。
来自 Awesome Agent Skills「Skills by OpenAI」集合:Transcribe audio files to text with optional speaker diarization。
来自 Awesome Agent Skills「Skills by OpenAI」集合:Use the Figma MCP server to fetch design context and translate nodes into production code。
来自 Awesome Agent Skills「Skills by OpenAI」集合:Connect Figma design components to code components using Code Connect。
来自 Awesome Agent Skills「Skills by OpenAI」集合:Rules for implementing Figma designs using the Figma MCP server。
来自 Awesome Agent Skills「Skills by OpenAI」集合:Create a new blank Figma file or FigJam file。
来自 Awesome Agent Skills「Skills by OpenAI」集合:Translate app pages and layouts into Figma using design system tokens。
来自 Awesome Agent Skills「Skills by OpenAI」集合:Build or update a professional-grade design system in Figma from a codebase。
来自 Awesome Agent Skills「Skills by OpenAI」集合:Translate Figma designs into production-ready code with 1:1 visual fidelity。
来自 Awesome Agent Skills「Skills by OpenAI」集合:Prerequisite skill for every use_figma tool call — write/read actions in Figma context。
来自 Awesome Agent Skills「Skills by Figma」集合:Connect Figma design components to code components using Code Connect。
来自 Awesome Agent Skills「Skills by Figma」集合:Generate project-specific design system rules for Figma-to-code workflows。
来自 Awesome Agent Skills「Skills by Figma」集合:Create a new blank Figma Design or FigJam file。
来自 Awesome Agent Skills「Skills by Figma」集合:Build or update screens in Figma from code or description using design system components。
来自 Awesome Agent Skills「Skills by Figma」集合:Build or update a design system library in Figma from a codebase。
来自 Awesome Agent Skills「Skills by Figma」集合:Translate Figma designs into production-ready application code with 1:1 fidelity。
来自 Awesome Agent Skills「Skills by Figma」集合:Run Figma Plugin API scripts for canvas writes, inspections, variables, and design-system work。
来自 Awesome Agent Skills「Marketing Skills by Corey Haines」集合:Generate and iterate ad creative including headlines, descriptions, and primary text。
来自 Awesome Agent Skills「Marketing Skills by Corey Haines」集合:Apply psychological principles and behavioral science to copy and design。
来自 Awesome Agent Skills「Marketing Skills by Corey Haines」集合:Design and optimize upgrade screens, paywalls, and upsell modals。
来自 Awesome Agent Skills「Marketing Skills by Corey Haines」集合:Design and optimize referral, affiliate, and word-of-mouth programs。
来自 Awesome Agent Skills「Advertising Skills by Kim Barrett」集合:Expand a core idea into multiple distinct ad angles for creative testing。
来自 Awesome Agent Skills「Advertising Skills by Kim Barrett」集合:Create ad concepts that stop attention in the first 3 seconds。
来自 Awesome Agent Skills「Advertising Skills by Kim Barrett」集合:Design the optimal funnel from click to conversion and booked calls。
来自 Awesome Agent Skills「Skills by Apollo GraphQL」集合:Reference guide for designing clean, evolvable GraphQL schemas。
来自 Awesome Agent Skills「Skills by Brave」集合:Search for images using the Brave Search API。
来自 Awesome Agent Skills「Skills by Brave」集合:Search for videos across the web via the Brave Search API。
来自 Awesome Agent Skills「Product Manager Skills by Dean Peters」集合:Assess automation vs. redesign opportunities across five competencies。
来自 Awesome Agent Skills「Product Manager Skills by Dean Peters」集合:Document AI-powered product recommendations。
来自 Awesome Agent Skills「Product Manager Skills by Dean Peters」集合:Diagnose context stuffing vs. engineering and guide memory and retrieval design。
来自 Awesome Agent Skills「Product Manager Skills by Dean Peters」集合:Set up hypothesis-driven planning using Jeff Gothelf's Lean UX Canvas v2。
来自 Awesome Agent Skills「Product Manager Skills by Dean Peters」集合:Lead through MITRE Problem Framing: Look Inward, Outward, and Reframe。
来自 Awesome Agent Skills「Product Management Skills by Pawel Huryn」集合:Generate 5 creative, cost-effective marketing ideas with rationale。
来自 Awesome Agent Skills「Product Management Skills by Pawel Huryn」集合:Design experiments to test assumptions for existing products。
来自 Awesome Agent Skills「Product Management Skills by Pawel Huryn」集合:Design lean pretotypes for new product validation。
来自 Awesome Agent Skills「Product Management Skills by Pawel Huryn」集合:Brainstorm product ideas from PM, Designer, Engineer perspectives。
来自 Awesome Agent Skills「Product Management Skills by Pawel Huryn」集合:Generate Business Model Canvas with all 9 building blocks。
来自 Awesome Agent Skills「Product Management Skills by Pawel Huryn」集合:Generate Lean Canvas with problem, solution, UVP, and metrics。
来自 Awesome Agent Skills「Product Management Skills by Pawel Huryn」集合:Design pricing strategies with competitive analysis and WTP estimation。
来自 Awesome Agent Skills「Product Management Skills by Pawel Huryn」集合:Create product strategy using 9-section Product Strategy Canvas。
来自 Awesome Agent Skills「Product Management Skills by Pawel Huryn」集合:Generate Startup Canvas combining Product Strategy and Business Model。
来自 Awesome Agent Skills「Product Management Skills by Pawel Huryn」集合:Design value propositions using 6-part JTBD template。
来自 Awesome Agent Skills「Skills by MiniMax Team」集合:Generate text, image, video, speech, and music via MiniMax AI。
来自 Awesome Agent Skills「Skills by MiniMax Team」集合:Full-stack frontend with cinematic animations, AI-generated media via MiniMax API, and generative art。
来自 Awesome Agent Skills「Skills by MiniMax Team」集合:Backend architecture with REST API design, auth flows, real-time features, and database integration。
来自 Awesome Agent Skills「Skills by MiniMax Team」集合:Android native development with Kotlin/Jetpack Compose, Material Design 3, and accessibility。
来自 Awesome Agent Skills「Skills by MiniMax Team」集合:iOS development with UIKit, SnapKit, and SwiftUI covering navigation, Dark Mode, and HIG compliance。
来自 Awesome Agent Skills「Skills by MiniMax Team」集合:GLSL shader techniques for ray marching, fluid simulation, particle systems, and procedural generation。
来自 Awesome Agent Skills「Skills by MiniMax Team」集合:Convert photos into animated GIF stickers in Funko Pop / Pop Mart style via MiniMax API。
来自 Awesome Agent Skills「Skills by MiniMax Team」集合:Generate, fill, and reformat PDFs with a token-based design system and 15 cover styles。
来自 Awesome Agent Skills「Skills by MiniMax Team」集合:Create and edit PowerPoint presentations from scratch with PptxGenJS。
来自 Awesome Agent Skills「Skills by MiniMax Team」集合:Create, read, analyze, and validate Excel/spreadsheet files with zero format loss。
来自 Awesome Agent Skills「Skills by MiniMax Team」集合:Professional DOCX document creation and editing using OpenXML SDK。
来自 Awesome Agent Skills「Skills by GSAP (GreenSock)」集合:Core API with gsap.to(), from(), fromTo(), easing, duration, stagger, and defaults。
来自 Awesome Agent Skills「Skills by GSAP (GreenSock)」集合:Timelines with sequencing, position parameter, labels, nesting, and playback control。
来自 Awesome Agent Skills「Skills by GSAP (GreenSock)」集合:ScrollTrigger for scroll-linked animations, pinning, scrub, and refresh handling。
来自 Awesome Agent Skills「Skills by GSAP (GreenSock)」集合:Plugins including ScrollToPlugin, Flip, Draggable, SplitText, SVG, and physics。
来自 Awesome Agent Skills「Skills by GSAP (GreenSock)」集合:Utility functions like clamp, mapRange, interpolate, snap, selector, and wrap。
来自 Awesome Agent Skills「Skills by GSAP (GreenSock)」集合:React integration with useGSAP hook, refs, gsap.context(), cleanup, and SSR。
来自 Awesome Agent Skills「Skills by GSAP (GreenSock)」集合:Performance tips for transforms, will-change, batching, and ScrollTrigger optimization。
来自 Awesome Agent Skills「Skills by GSAP (GreenSock)」集合:Vue, Svelte, and other frameworks with lifecycle, scoping, and cleanup patterns。
来自 Awesome Agent Skills「Skills by Garry Tan (gstack)」集合:Senior Designer review: rates each design dimension 0-10, explains what a 10 looks like, AI Slop detection。
来自 Awesome Agent Skills「Skills by Garry Tan (gstack)」集合:Build a complete design system from scratch with creative risks and realistic product mockups。
来自 Awesome Agent Skills「Skills by Garry Tan (gstack)」集合:Designer Who Codes: visual audit then fixes with atomic commits and before/after screenshots。
来自 Awesome Agent Skills「Skills by Garry Tan (gstack)」集合:Chief Security Officer: OWASP Top 10 + STRIDE threat model with zero false-positive exclusions。
来自 Awesome Agent Skills「Skills by Garry Tan (gstack)」集合:One command, fully reviewed plan: runs CEO → design → eng review automatically。
来自 Awesome Agent Skills「Skills by Resend」集合:Email deliverability and design best practices。
来自 Awesome Agent Skills「Skills by MongoDB」集合:Design efficient document schemas with validation and indexing patterns。
来自 Awesome Agent Skills「Skills by NVIDIA」集合:Operational guide for enabling hierarchical context parallelism in Megatron-Bridge, including config knobs, code anchors, pitfalls, and verification。
来自 Awesome Agent Skills「Skills by NVIDIA」集合:Operational guide for enabling Megatron FSDP in Megatron-Bridge, including config knobs, code anchors, pitfalls, and verification。
来自 Awesome Agent Skills「Skills by NVIDIA」集合:Operational guide for enabling TP, DP, and PP communication overlap in Megatron-Bridge, including config knobs, code anchors, pitfalls, and verification。
来自 Awesome Agent Skills「Skills by NVIDIA」集合:Bump the NVIDIA PyTorch base image (`nvcr.io/nvidia/pytorch:-py3`) used by Megatron-LM CI。
来自 Awesome Agent Skills「Skills by NVIDIA」集合:>- Review, design, and refactor TensorRT-LLM PyTorch MoE code for architecture fit, clean code, maintainability, and testability。
来自 Awesome Agent Skills「Skills by NVIDIA」集合:Manage and monitor VSS alerts after the alerts profile is deployed。
来自 Awesome Agent Skills「Skills by NVIDIA」集合:Deploy, debug, or tear down any VSS profile using a compose-centric workflow — config (dry-run) with env overrides, review resolved compose, then compose up。
来自 Awesome Agent Skills「Skills by NVIDIA」集合:Produce video analysis reports by discovering the deployed VSS agent, querying POST /generate for a timestamped captioned summary of the clip, then formatting the agent reply as th..。
来自 Awesome Agent Skills「Skills by NVIDIA」集合:> Use this skill when working with the RTVI VLM or RT-VLM microservice API on VSS 3.1。
来自 Awesome Agent Skills「Skills by NVIDIA」集合:Query video analytics data and metrics from Elastic search via the VA-MCP server (port 9901)。
来自 Awesome Agent Skills「Skills by NVIDIA」集合:Search video archives using natural language — find events, objects, actions, and people across recorded video using fusion search (Cosmos Embed1 semantic search + CV attribute sea..。
来自 Awesome Agent Skills「Skills by NVIDIA」集合:Summarize a video by calling the VLM NIM or the Long Video Summarization (LVS) microservice directly。
来自 Awesome Agent Skills「Skills by NVIDIA」集合:Call the vss agent to run video understanding on video to answer a text question。
来自 Awesome Agent Skills「Skills by NVIDIA」集合:Query VIOS REST APIs: sensor list, recording timelines, video clip extraction, snapshot capture, add/delete sensors and streams。
来自 Awesome Agent Skills「Skills by NVIDIA」集合:Generate video summary reports using the VSS video_search_frag extension with Long Video Summarization (LVS), Enterprise RAG knowledge retrieval, and human-in-the-loop parameter co..。
来自 Awesome Agent Skills「Skills by Google Cloud」集合:Generates operations-focused guidance for Google Cloud workloads based on the design principles and recommendations in the Operational Excellence pillar of the Google Cloud Well-Ar..。
来自 Awesome Agent Skills「Skills by Google Cloud」集合:Generates performance-focused guidance for Google Cloud workloads based on the design principles and recommendations in the Performance Optimization pillar of the Google Cloud Well..。
来自 Awesome Agent Skills「Skills by Google Cloud」集合:Generates reliability-focused guidance for Google Cloud workloads based on the design principles and recommendations in the Google Cloud Well-Architected Framework。
来自 Awesome Agent Skills「Skills by Google Cloud」集合:Generates security-focused guidance for Google Cloud workloads based on the design principles and recommendations in the Google Cloud Well-Architected Framework (WAF)。
来自 Awesome Agent Skills「Skills by Google Cloud」集合:Generates sustainability-focused guidance for Google Cloud workloads based on the design principles and recommendations in the Google Cloud Well-Architected Framework (WAF)。
来自 Awesome Agent Skills「Marketing」集合:AI creative director with recursive self-assessment: 20+ methodologies (SIT, TRIZ, Bisociation, SCAMPER, Synectics), 3-axis evaluation calibrated against Cannes/D&AD/HumanKind, 5-phase process from brief to presentation。
来自 Awesome Agent Skills「Marketing」集合:30+ App Store Optimization skills for keyword research, metadata optimization, competitor analysis, creative optimization, and mobile growth strategies via Appeeky API。
来自 Awesome Agent Skills「Marketing」集合:AI content creation: images, video, music, audio, editing, publishing。
来自 Awesome Agent Skills「Productivity and Collaboration」集合:Document processing with Nutrient DWS API: convert (PDF/DOCX/XLSX/PPTX/HTML/images), extract text/tables, OCR (20+ languages), redact PII (pattern + AI), watermark, digital signatures, form filling. [MCP server](https://www.npmjs.com/package/@nutrient-sdk/dws-mcp-server) also available。
来自 Awesome Agent Skills「Productivity and Collaboration」集合:AI-powered PPT generation with document analysis and styled images。
来自 Awesome Agent Skills「Development and Testing」集合:UI/UX design patterns and best practices。
来自 Awesome Agent Skills「Development and Testing」集合:300+ design rules from Apple HIG, Material Design 3, and WCAG 2.2 for cross-platform apps。
来自 Awesome Agent Skills「Development and Testing」集合:High-agency frontend skill that gives AI good taste with tunable design variance, motion intensity, and visual density to stop generic UI slop。
来自 Awesome Agent Skills「Development and Testing」集合:Spec-driven development workflow that transforms prompts into production-ready implementations through structured planning, architecture design, and LLM-as-a-Judge based quality gates。
来自 Awesome Agent Skills「Development and Testing」集合:Domain-driven development skills that also include Clean Architecture, SOLID principles, and design patterns。
来自 Awesome Agent Skills「Development and Testing」集合:Design LLM-as-Judge evaluators for subjective criteria。
来自 Awesome Agent Skills「Development and Testing」集合:UX and design system skills: hierarchy, typography, accessibility, interactions。
来自 Awesome Agent Skills「Context Engineering」集合:Design and evaluate compression strategies for long-running sessions。
来自 Awesome Agent Skills「Context Engineering」集合:Design short-term, long-term, and graph-based memory architectures。
来自 Awesome Agent Skills「Context Engineering」集合:Build tools that agents can use effectively, including architectural reduction patterns。
来自 Awesome Agent Skills「Specialized Domains」集合:Generate images using Google Gemini's API。
来自 Awesome Agent Skills「Specialized Domains」集合:Realtime and batch video workflows: capture screen/audio, ingest URLs/YouTube/RTSP, transcribe, index, search, generate subtitles, edit timelines, and stream HLS output。
来自 Awesome Agent Skills「Specialized Domains」集合:AI-powered KiCad electronics design review and analysis。
核心工作流
上下文与输入准备
为Creative, Design & Styling 创意设计任务定义资料来源、约束、目标、输出格式和质量标准。
Agent 执行流程
通过 Claude Skills、Codex Skills、Gemini Skills、Kimi Skills、GLM Skills 或其它 Agent 执行任务,并设置清晰检查点。
审核与复用交接
把结果整理成检查清单、可复用提示词、运营备注或实现交接材料。
典型输出
常见问题
Creative, Design & Styling 创意设计 Skills 能用于 Claude、Codex、Gemini、Kimi 和 GLM 吗?
可以。这个分类按模型灵活的 Skills Hub 方式组织,同一套流程可以落成 Claude Skill、Codex Skill、Gemini Skill、Kimi Skill、GLM Skill 或团队 SOP。
为什么所有分类页使用同一个模版?
统一模版能让目录更容易浏览:每个分类都用同样结构展示支持的 Agent、核心流程、典型输出和常见问题。