This skill is for Design and helps you create generative art with code, build interactive particle systems, and design algorithmic flow fields.
Create generative art with code
Build interactive particle systems
Design algorithmic flow fields
This skill is for Design and helps you design an api, generate interface alternatives, and compare module shapes.
Design an api
Generate interface alternatives
Compare module shapes
This skill is for Design and helps you create generative art with p5.js, design procedural posters, and generate reproducible artistic renders.
Create generative art with p5.js
Design procedural posters
Generate reproducible artistic renders
This skill is for Design and helps you prevent generic ui in generated code, extract design decisions from real screens, and enforce design standards in copilot outputs.
Prevent generic ui in generated code
Extract design decisions from real screens
Enforce design standards in copilot outputs
This skill is for Design and helps you illustrate an article with images, generate visuals for article sections, and add diagrams to written content.
Illustrate an article with images
Generate visuals for article sections
Add diagrams to written content
This skill is for Design and helps you create html prototypes and mockups, design slide presentations, and build web animations and visualizations.
Create html prototypes and mockups
Design slide presentations
Build web animations and visualizations
This skill is for Design and helps you build a landing page design, audit and redesign a website, and extract design from a url or screenshot.
Build a landing page design
Audit and redesign a website
Extract design from a url or screenshot
This skill is for Design and helps you choose typography and color palettes, design logos and brand identities, and create composition and layout systems.
Choose typography and color palettes
Design logos and brand identities
Create composition and layout systems
This skill is for Design and helps you convert screenshots into design specs, create frontend implementation specs, and document design details from exports.
Convert screenshots into design specs
Create frontend implementation specs
Document design details from exports
This skill is for Design and helps you deploy an html prototype, share a demo link, and publish a static site.
Deploy an html prototype
Share a demo link
Publish a static site
This skill is for Design and helps you create scientific diagrams, generate publication charts, and design nature figures.
Create scientific diagrams
Generate publication charts
Design nature figures
This skill is for Design and helps you design a new ui, choose typography for a website, and create a visual design system.
Design a new ui
Choose typography for a website
Create a visual design system
This skill is for Design and helps you build a ui prototype, sanity-check a state model, and explore interface layouts.
Build a ui prototype
Sanity-check a state model
Explore interface layouts
This skill is for Design and helps you build interactive html artifacts, create react components with tailwind, and design ui with shadcn/ui.
Build interactive html artifacts
Create react components with tailwind
Design ui with shadcn/ui
This skill is for Design and helps you create a flowchart diagram, generate a system architecture diagram, and draw an er database diagram.
Create a flowchart diagram
Generate a system architecture diagram
Draw an er database diagram
This skill is for Design and helps you create educational comics, generate comic panel layouts, and produce biography comics.
Create educational comics
Generate comic panel layouts
Produce biography comics
This skill is for Design and helps you generate a jingle, create audio beds, and produce voiceover narration.
Generate a jingle
Create audio beds
Produce voiceover narration
This skill is for Design and helps you create flowcharts and diagrams, visualize system architecture, and generate mind maps.
Create flowcharts and diagrams
Visualize system architecture
Generate mind maps
This skill is for Design and helps you compress images to webp, convert images to png, and optimize image file size.
Compress images to webp
Convert images to png
Optimize image file size
This skill is for Design and helps you explore design alternatives, develop a concept from scratch, and generate design ideas.
Explore design alternatives
Develop a concept from scratch
Generate design ideas
This skill is for Design and helps you generate article cover images, create cover art with custom palettes, and design blog post headers.
Generate article cover images
Create cover art with custom palettes
Design blog post headers
This skill is for Design and helps you extract brand colors from a website, pull fonts from a live site, and capture logo and visual assets.
Extract brand colors from a website
Pull fonts from a live site
Capture logo and visual assets
This skill is for Design and helps you generate images from text prompts, create visual content with ai, and analyze images with vision ai.
Generate images from text prompts
Create visual content with ai
Analyze images with vision ai
This skill is for Design and helps you design a twitter quote card, create a social media graphic, and make a data visualization card.
Design a twitter quote card
Create a social media graphic
Make a data visualization card