EasyGlobe Skills
Creative, Design & Styling Skills Hub
A shared creative, design & styling category page for Claude Skills, Codex Skills, Gemini Skills, Kimi Skills, GLM Skills, and team workflows.
How to choose
Review the agents and workflows covered by this category, then open a skill detail page to check task boundaries, README notes, setup requirements, and expected outputs.
How To Use This Skill
Use this category to organize agent-ready skills for visual concepts, image prompts, creative direction, UI styling, component guidance, layout review, and visual polish. Each page follows the same skills template so teams can compare categories quickly and adapt the workflow to Claude, Codex, Gemini, Kimi, GLM, or internal SOPs.
Usable AI Agents and Models
Works well as
Creative, Design & Styling Skills
Popular Creative, Design & Styling Skills
Start with the skills in this Creative, Design & Styling category that are easiest to evaluate first. Each detail page includes a download link, the original Skill URL, and notes for adapting the workflow to Claude, Codex, Gemini, Kimi, GLM, or a team SOP.
Claude Video Skill
Video-understanding skill that accepts URLs or local files, extracts scene-aware frames, collects captions or Whisper transcripts, and combines the evidence for agent analysis.
Use for Video understanding, Transcription, Frame extraction tasks that should become a reusable agent workflow.
Impeccable Skill
Production-grade frontend design skill for auditing, redesigning, polishing, and implementing interfaces across visual hierarchy, accessibility, responsive behavior, motion, UX copy, and design systems.
Use for Frontend design, UX audit, Design systems tasks that should become a reusable agent workflow.
Archify Skill
Generate architecture, workflow, sequence, data-flow, and lifecycle diagrams as self-contained HTML with SVG graphics, theme switching, and PNG, JPEG, WebP, or SVG export.
Use for Architecture diagrams, SVG, Data flow tasks that should become a reusable agent workflow.
Curated Skill Resources
Useful Skill, MCP, Agent, and finance API resources imported from the FynnZhang designer tool library and manual curation.
Video-understanding skill that accepts URLs or local files, extracts scene-aware frames, collects captions or Whisper transcripts, and combines the evidence for agent analysis.
Production-grade frontend design skill for auditing, redesigning, polishing, and implementing interfaces across visual hierarchy, accessibility, responsive behavior, motion, UX copy, and design systems.
Generate architecture, workflow, sequence, data-flow, and lifecycle diagrams as self-contained HTML with SVG graphics, theme switching, and PNG, JPEG, WebP, or SVG export.
Generate visually unified, image-based PPT and PPTX decks from articles, reports, papers, notes, or outlines with Codex and other skill-compatible agents.
Create editable Draw.io diagrams for architecture, UML, SysML, BPMN, networks, infrastructure, machine-learning models, and mind maps, with local PNG, SVG, PDF, and JPG export.
Build academic conference posters as precisely measured HTML and CSS, then render print-ready PDFs through headless Chromium for venues such as ICML, NeurIPS, ICLR, and CVPR.
Generate clean 2D game sprites and animation atlases through a component-row pipeline with chroma-key cleanup, frame extraction, deterministic atlas composition, QA reports, and curation tools.
Audits UI code against 100+ accessibility and UX rules.
Replaces boolean prop hell with compound component patterns.
Design visual art in PNG and PDF formats
Frontend design and UI/UX development tools
Programmatic video creation with React
Build UI components with shadcn/ui
Iterative design-to-code feedback loop
Generate and edit images using OpenAI's Image API for projects
Generate, remix, and manage short video clips via OpenAI's Sora API
Transcribe audio files to text with optional speaker diarization
Use the Figma MCP server to fetch design context and translate nodes into production code
Translate Figma designs into production-ready code with 1:1 visual fidelity
Prerequisite skill for every use_figma tool call — write/read actions in Figma context
Core Workflows
Context and input setup
Define the source material, constraints, goal, expected output, and quality bar for creative, design & styling work.
Agent execution workflow
Run the task through Claude Skills, Codex Skills, Gemini Skills, Kimi Skills, GLM Skills, or another agent with clear checkpoints.
Review and reusable handoff
Package the result into a checklist, reusable prompt, operating note, or implementation handoff.
Typical Outputs
Frequently Asked Questions
Can Creative, Design & Styling skills be used with Claude, Codex, Gemini, Kimi, and GLM?
Yes. The category is written as a model-flexible skills hub entry, so the same workflow can become a Claude Skill, Codex Skill, Gemini Skill, Kimi Skill, GLM Skill, or team SOP.
Why use one template for every category page?
A shared template makes the directory easier to scan: every category shows supported agents, core workflow steps, expected outputs, and FAQs in the same structure.