Interfaces, visual systems, animation and front-end polish.
Design banners for social posts, ads, website heroes and print in many styles.
Sets website art direction with a strict house style and a screenshot review loop.
Builds an artistic creative-studio website with classical imagery and serif type.
Designs, critiques and polishes frontend screens, including layout, color and motion.
Creates validated architecture, sequence and data-flow diagrams as standalone HTML.
Finds existing components with their props and examples so new UI reuses them.
Draws static SVG figures for lessons and manuals in one consistent blueprint style.
Creates branded architecture, flowchart, sequence, and chart diagrams as images.
Use this skill to triage the open PR queue before a release.
Builds a motion from scratch, choosing timing, curve, interruption, and exit behavior.
Create original generative art with p5.js using seeded randomness and parameters.
Designs new websites and pages that look designed rather than generated.
Picks GPT Image 2 visual styles and prompt templates from a curated library.
Explain an idea as an interactive isometric machine figure.
Makes high-fidelity HTML prototypes, slides, and animations after offering three directions.
Checks whether furniture fits a measured room, reporting footprint and clearance.
Builds detailed interactive isometric SVG figures that explain technical ideas.
Apply Anthropic's brand colors and typography to artifacts.
Turns an object or character image into a procedural Three.js model built in code.
Covers CSS classes, components and syntax highlighting for slides.
Specifies a character's final prompt with a close-up and three-view turnaround as anchor.
Create interactive HTML diagrams that pass validation.
Create logos, identity programs, presentations, banners, icons and social photos.
Enforce this repository's React and TypeScript frontend module architecture standards.
Applies consistent colors, fonts, and layouts from brand guidelines to generated documents.
Designs in Figma with variables, text styles, auto layout, and components through MCP.
Use this skill when contributing to InsForge's shared dashboard package.
Generates hand-drawn Chinese article illustrations in the Xiaohei style with shot lists.
Creates and edits JSON Canvas files with nodes, edges, and groups.
Creates precise SVG technical diagrams and exports PNG, HTML, or animated GIF.
Builds a long-form blog article page with masthead, figures, pull quotes and byline.
Create original posters and static visuals as PNG or PDF files.
Audits a design or page against WCAG 2.1 AA for contrast, keyboard and screen readers.
Generates self-contained HTML visuals for systems, diffs, plans and data.
Builds a scroll-scrubbed landing page where the camera flies through a world.
Creates and edits editable draw.io diagrams for architecture, UML, BPMN and networks.
Fixes UI spacing, hierarchy and typography in a quick polish pass.
Generate ASCII art text, banners and images with common tools.
Writes a working preview file and stories for real components in an existing Storybook.
Fixes keyboard, focus, ARIA and screen reader behavior against WCAG 2.2.
Inspects, edits and exports Figma .fig files and controls OpenPencil.
Turns generated art into game-ready sprites, sheets, masks and rendered frames.
Build three-layer design tokens, CSS variables and component specifications.
Turns a Stitch project into a semantic design system in DESIGN.md files.
Writes and changes ExcalidrawAutomate scripts for Obsidian diagrams.
Shows images, cards and charts in chat or collects answers in a form.
Generates publication-quality academic diagrams from paper methodology text.
Creates dark-themed architecture diagrams as self-contained HTML and SVG.
