Claude Skills

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 check color contrast ratios, validate accessibility compliance, and ensure wcag color standards.

• Check color contrast ratios
• Validate accessibility compliance
• Ensure wcag color standards

This skill is for Design and helps you generate marketing images from text descriptions, create product mockups and concept visuals, and produce social media graphics in batch.

• Generate marketing images from text descriptions
• Create product mockups and concept visuals
• Produce social media graphics in batch

This skill is for Design and helps you audit content for accessibility compliance, write alt text for images, and improve keyboard navigation.

• Audit content for accessibility compliance
• Write alt text for images
• Improve keyboard navigation

This skill is for Design and helps you design mobile app interfaces, create design systems for apps, and ensure app accessibility compliance.

• Design mobile app interfaces
• Create design systems for apps
• Ensure app accessibility compliance

This skill is for Design and helps you create marketing hero graphics, generate social media images, and produce product mockups.

• Create marketing hero graphics
• Generate social media images
• Produce product mockups

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 design inclusive user interfaces, create localized global forms, and optimize for low-end devices.

• Design inclusive user interfaces
• Create localized global forms
• Optimize for low-end devices

This skill is for Design and helps you convert figma designs to react components, generate typescript code from figma, and create tailwind css from design files.

• Convert figma designs to react components
• Generate typescript code from figma
• Create tailwind css from design files

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