Algorithmic Art
Build original generative artwork with seeded parameters and an interactive p5.js viewer.
Codex · Claude Code · Cursorintermediate
Design
Give your next website or visual artifact a clear direction. These skills help with layout, visual systems and translating a brief into concrete design decisions. Look at the actual input and output where a demonstration is available. Design quality depends on your brief and your agent, so use the result as a starting point and verify accessibility, responsive behavior and asset rights.
Search and filter this category →Frontend Design
Develop a distinctive visual direction and turn a concrete brief into a usable interface.
Codex · Claude Code · Cursorbeginner
Slack GIF Creator
Assemble and validate compact animated GIFs with included frame and easing utilities.
Codex · Claude Code · Cursorintermediate
Theme Factory
Apply one of ten documented visual themes to an existing artifact.
Codex · Claude Code · Cursorbeginner
Anthropic Brand Guidelines
Apply the published Anthropic color and typography guidance to an artifact.
Codex · Claude Code · Cursorbeginner
Onboarding Review
Identify first-run friction and define a shorter route to a meaningful activation event.
Codex · Claude Code · Cursorbeginner
Popup and Banner Review
Plan contextual overlays and banners with restrained timing and clear user choices.
Codex · Claude Code · Cursorbeginner