Claude Skills for a Frontend / Full-stack — Page 3
baoyu-design: Run Claude Design Locally as an Agent Skill
Package the design engine behind claude.ai/design into an Agent Skill, so Cursor, Claude Code, or any file-capable agent can produce polished, self-contained HTML mockups, prototypes, wireframes, and slide decks locally.
Slides Grab Image-Native Skill
In Claude Code or Codex, generate whole-slide raster images one page at a time against reference template pages, for maximum fidelity to corporate templates, brand layouts, and visual density.
Superdesign Design Skill
Gives coding agents real design judgment so the UI they ship looks considered, not AI-slop — producing shippable frontend, presentations, and graphics.
HTML Anything: Turn Anything Into a Page
Turns any file, folder, URL, or service export into a beautiful, interactive, shareable single-file HTML page instead of a long Markdown answer.
Hand-Drawn Diagrams Skill
Turn one natural-language prompt into hand-drawn Excalidraw architecture, workflow, and UX wireframe diagrams, with a hosted edit link, stroke-by-stroke animation, and PNG export.
Godogen Asset Generator
Autonomous game development for Godot, Bevy, and Babylon.js — an agent skill that generates images, GLB models, rigged characters, and animated sprites.
OpenAI Official Docs Assistant
Provides current, official-source guidance for OpenAI products, APIs, Codex, and model migrations.
Review Agent Code Review Skill
Find actionable regressions in code changes through a read-only, defect-first review.
Playwright Browser Automation Skill
Drive a real browser from the terminal for web interaction, extraction, and UI debugging.
career-ops – Job Search Command Center
Turn any AI coding CLI into a full job search hub: evaluate offers, generate CVs, scan portals, and track applications.
Hatch Pet Animation Workshop
Turn character or brand cues into validated, packageable Codex animated pets.
SwiftUI Pro
Review SwiftUI code for modern APIs, maintainability, accessibility, and performance problems.
TileGym Transformers Kernel Integration
Integrate TileGym kernels into Hugging Face Transformers models without editing Transformers source.
Codeagent Multi-Backend Orchestration Skill
Run AI code tasks across Codex, Claude, Gemini, and OpenCode backends through one codeagent-wrapper command, with parallel multi-agent orchestration built in.
Slides-Grab Card News Skill
Reuses the slides-grab workflow inside Claude Code / Codex to produce 720×720 square, Instagram-ready card news images.
Slides Grab Design Skill
Turn an approved slide outline into high-quality, iteratively editable HTML slides inside Claude Code or Codex, gated by an adversarial design review.
Codex Pull Request Editor
Professionally update one or more GitHub pull request titles and bodies around motivation, net changes, and verification.
Remote Executor Integration Tests
Validate Codex integration behavior across local and remote execution environments.
V8 Version Maintainer
Updates Codex’s pinned V8 versions and validates release-candidate and build-failure paths.
Figma Design System Rules Builder
Generates project-specific rules for consistent Figma-to-code implementation.
Persistent File Planning
Keep coding agents on track through context loss, /clear, and crashes with durable planning files and completion checks.
OpenAI Skills Installer
Install Codex skills from curated catalogs or GitHub repositories.
Guizang Social Cards
Turn articles, screenshots, and videos into rendered social-card packages and motion cards.
ORCH — AI Agent Orchestrator
One CLI to orchestrate them all: run teams of AI agents in parallel on your codebase from isolated git worktrees, hands-free.