2.5K skills · sorted by relevance
Apply font and color themes to slides, documents, reports, and HTML landing pages. Ten preset themes provide starting points for giving these materials a consistent visual style.
Build complex claude.ai artifacts with React, Tailwind CSS, and shadcn/ui. Create interfaces with multiple components, state management for changing data, and routing between views, then package the app into one self-contained HTML file for sharing.
Creates self-contained HTML charts, tables, diagrams, and dashboards for display within a conversation. It keeps figures traceable to calculations and checks readability in light and dark themes, including narrow mobile layouts, before showing the page.
Package the current design into one downloadable HTML file that works offline. It gathers images, styles, scripts, and other assets, prepares a loading preview, and checks the bundled page for missing resources and runtime errors.
Build complex claude.ai artifacts with React, Tailwind CSS, and shadcn/ui. Create interfaces with multiple components, state management for changing data, and routing between views, then package the app into one self-contained HTML file for sharing.
Upload local images, HTML pages, and Markdown design documents to a Stitch project. The included Python script sends files directly over HTTP, avoiding the text output limits that can interrupt transfers through MCP tools.
Create live HTML product demos that show an app’s workflow inside a Mac-style window. Reproduce real interface text and results, animate a scripted pointer, and support step navigation, scrubbing, and consistent frozen frames.
Turn long Markdown reports into a single HTML page with a design shaped by the subject. Reorganize text, evidence, and charts for easier reading while preserving the source’s factual claims and the strength of its conclusions.
Format Markdown documents and export them as readable HTML, printable A4 PDFs, or long PNG images. Preserve document elements such as headings, tables, and code blocks, with adjustable widths for sharing and archiving.
Manage Apple Notes on macOS through memo, a command-line tool. Create, browse, search, edit, delete, and move notes between folders, or export selected notes to HTML or Markdown for use outside the app.
Explain concepts through detailed, interactive machines drawn from an angled view. The skill produces standalone HTML, SVG, or React components, with moving parts and numerical readouts driven by the same model so readers can explore how the idea works.
Create full-screen animated visuals with WebGL, a browser technology for GPU rendering. Combine shaders, 3D scenes, or particles with a text overlay, and deliver the result as one self-contained HTML file without external requests.
Build an HTML presentation for a public-transit funding proposal, covering ridership needs, the plan, risk controls, and the requested decision. The template uses bold poster-style colors and typography for city councils and public boards.
Create an HTML defense deck for a field-study capstone, organizing survey methods, findings, contributions, and limitations for faculty reviewers. The template uses yellow paper, safety-pin illustrations, and handwritten-style text for a warm presentation.
Prepare a research grant presentation that organizes the hypothesis, approach, milestones, and risks for reviewers. Its ivory background and black typography create a formal, text-focused HTML deck, also suited to research summaries and detailed reports.
Build an HTML presentation for introducing a brand’s logo, colors, typography, and usage rules. A coordinated cream background, colorful accents, and fixed visual style support brand reviews and client presentations.
Create a 16:9 animated hero composition with rotating rings, a globe or other focal graphic, and expressive typography. Deliver a single HTML document with CSS animations that a frame-capture exporter such as HyperFrames can turn into video.
Create HTML slides about choosing and connecting AI models in OpenDesign using your own API key. Use a terminal-style template to explain costs, quality, and model routing decisions, with speaker notes and presentation controls.
Create a product showcase with real HTML content displayed inside CSS-drawn iPhone and optional MacBook screens. Add glass-like highlights and floor reflections to present app interfaces or design work in a three-dimensional style.
Deploy an app or website to Vercel and receive a live preview URL plus a link to transfer the deployment to your account. The workflow detects frameworks automatically and also handles static HTML projects.
Review HTML to find important fonts, images, and scripts discovered late during loading. Suggest resource hints, instructions that start fetching or connecting earlier, and check the final markup delivered to the browser.
Review how a web page loads scripts and identify tags that interrupt HTML parsing. Get guidance on choosing defer, async, or type=module, with checks focused on the HTML actually delivered to the browser.
Review the HTML delivered to browsers for a correct UTF-8 character encoding declaration. Find missing or misplaced charset tags in templates and rendered pages, then position the declaration early to help prevent garbled multilingual text.
Turn stored knowledge pages into self-contained HTML files for sharing research, briefings, or travel plans. The workflow removes internal metadata and links, applies password protection by default, and offers optional cloud upload and expiring access links.