EasyGlobe Skills
Engineering Development Skills Hub
A shared engineering development 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 coding, debugging, refactoring, repository automation, and developer workflows. 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
Engineering Development Skills
Popular Engineering Development Skills
Start with the skills in this Engineering Development 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.
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.
Draw.io Skill Skill
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.
Use for Draw.io, UML, BPMN 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.
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.
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.
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.
Interviews you relentlessly about a plan until shared understanding is reached, before any code is written.
Audits UI code against 100+ accessibility and UX rules.
Applies 57 performance rules to React and Next.js code.
Replaces boolean prop hell with compound component patterns.
Tests your local app in a real browser using Playwright.
AI-ready PageSpeed Insights and Lighthouse CLI for Core Web Vitals audits, performance fixes, SEO optimization, and before/after verification.
Frontend design and UI/UX development tools
Build complex claude.ai HTML artifacts with React and Tailwind
Create MCP servers to integrate external APIs and services
Test local web applications using Playwright
PostgreSQL best practices for Supabase
Developing Gemini-powered apps on Google Cloud Vertex AI using the Gen AI SDK
Performance optimization for React Native apps from Callstack
GitHub workflow patterns for PRs, code review, branching
Set up Firecrawl credentials and SDK in a project for the first integration
Programmatic video creation with React
Next.js best practices and recommended patterns
Build sandboxed applications for secure, isolated code execution on Workers
Build UI components with shadcn/ui
Iterative design-to-code feedback loop
Static analysis toolkit with CodeQL, Semgrep, and SARIF
Deploy apps to Cloudflare using Workers, Pages, and platform services
Build and test web games iteratively using Playwright with time-stepping
Read, create, and edit .docx documents with formatting and layout fidelity
Generate and edit images using OpenAI's Image API for projects
Manage issues, projects, and team workflows in Linear
Convert conversations into structured, searchable Notion wiki entries
Prep meetings by pulling Notion context and tailoring agendas
Convert Notion specs into linked implementation plans and tasks
Provide authoritative guidance from OpenAI developer documentation
Read, create, and review PDFs with layout and visual formatting integrity
Automate real browser interactions for navigation, forms, and scraping
Generate repo-specific threat models identifying trust boundaries
Generate, remix, and manage short video clips via OpenAI's Sora API
Create, edit, analyze, and visualize spreadsheets with formulas
Transcribe audio files to text with optional speaker diarization
Stage, commit, push code, and open a GitHub pull request via CLI
Build, scaffold, and troubleshoot ChatGPT Apps SDK apps with MCP server and widget UI
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
Create visually strong landing pages, websites, and app UIs with restrained composition
Persistent browser and Electron interaction via js_repl for iterative UI debugging
Create and edit .pptx presentation decks with PptxGenJS
Manages datasets, tables, and jobs in BigQuery, and integrates with BigQuery ML and Gemini for advanced data analytics and AI-driven insights.
Core Workflows
Context and input setup
Define the source material, constraints, goal, expected output, and quality bar for engineering development 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 Engineering Development 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.