Everything design, finely archived

Layer-by-layer breakdown of modern AI chat inputs: field behavior, context bar, tool triggers, attachments, assist suggestions, and send/stop states that stay usable while streaming.

Agent skill for naïve folk-craft narrative illustration: multi-panel story scenes with flat color, decorative borders, and hand-drawn character storytelling (XXD Panel 100).

Agent skill that turns datasets into editorial HTML charts and reports: Lupi for slow-reading data stories, Glance for ranking in seconds, plus 12 bilingual full-page templates.

One-ink and two-ink editorial image skill for posters, zines, and packaging: halftone photography, visible paper, and restrained type. Not a monochrome filter.

Codex skills that bind everyday photos into paper zine pages, either keeping the photograph as an anchor or distilling it into a new illustrated artwork.

Codex skill that turns a theme, photo, or sentence into a sparse paper-texture zine poster: lots of negative space, one small subject, one loud color accent.

Codex skill that keeps the original photo and adds a lower abstract memory panel plus a short poetic English title. Not a filter or style transfer.

Codex skill for 3:4 bitmap editorial posters: fine dot-matrix subjects, quiet type, and print texture. Not retro game pixel art.

Gemini prompt that animates a still papercraft city — tiny vehicles, water, clouds — without leaving the paper-art look.

Threads post by @ai_traveler_k with a landmark-led geometric travel poster prompt, shown on Seoul, Hong Kong, and Shanghai.

Beautifully designed, copy-paste UI components for AI agent conversations: thinking states, tool calls, streaming text, citations, tables and more. Ships in React, Vue and Svelte.

A comprehensive checklist resource for designers with Figma plugin integration

The words designers use when they know what they're looking at. Covers vocabulary across typography, color, iconography, layout, interaction, motion, accessibility, IA, copywriting, tools, analysis, a

A glossary of 91 common animation patterns. Use these names to describe what you want when prompting an AI — and tweak each one live to feel how it moves.

Fluid text transitions powered by Framer Motion. A React component library for animating typography with style.

Stunning 3D mockup generator with 30+ battle-tested devices. Create studio-grade product shots in minutes with no 3D experience needed.

Figma AI-powered design workflows platform that combines multiple AI models (Google, OpenAI, Kling, Runway, etc.) with professional design tools. Build custom AI workflows and apps.

AI-powered vector graphics generation tool that generates, edits, and animates SVGs from text or images using the Arrow model. Raised $8.3M seed from a16z.

A skill that teaches AI agents about product motion, including transitions, animations, and commands for reviewing and applying motion effects in your projects.

A design system community for AI builders with 100s of free design systems. Drop a DESIGN.md file in your repo and tell your AI coding tool to use it.