2.5K skills · sorted by relevance
Create complex HTML artifacts for claude.ai using React and Tailwind. The skill follows Anthropic’s reference workflow to produce rich web content that can be embedded, supporting artifact development with these tools.
Create a Swiss-inspired presentation page as a single HTML file, using bold typography and geometric cards. The template includes slide navigation, light and dark themes, accent color cycling, and optional annotation overlays without external runtime dependencies.
Create HTML artifacts for claude.ai using React, Tailwind CSS, and shadcn/ui. This skill supports building elaborate interfaces with multiple components, helping turn a web prototype request into a structured, styled artifact.
Set shared brand colors, fonts, layout style, and table of contents behavior for markdown-html outputs. A guided setup checks text and link contrast, derives twelve reusable CSS settings, and saves preferences globally or per project.
Add compact visual summaries to Markdown answers using static HTML and CSS. Show comparisons, key metrics, timelines, or simple relationships in a preview, while keeping explanations and detailed information in the surrounding text.
Display charts, tables, diagrams, mockups, demos, and reports directly in BB chat. Write a small HTML page in a reply or preview an HTML or Markdown file stored in the workspace or thread storage.
Create HTML landing pages, slide decks, and clickable prototypes using existing brand materials, screenshots, or product code. Explore layout and visual alternatives, then check the resulting files, interactions, and responsive behavior with available tools.
Build complex interactive artifacts for claude.ai with React, Tailwind CSS, and shadcn/ui. Start from a configured project, develop interfaces with state management or navigation, and bundle the result into one shareable HTML file.
Turn approved mockups, design plans, or written descriptions into HTML and CSS using Pretext. Build dynamic layouts where text reflows and heights are calculated, choosing Pretext patterns suited to the design.
Publish a folder of static HTML and assets to the configured Paperclip S3/CloudFront host. Validate the folder before upload, obtain a persistent public URL, and update an existing page from its original publishing directory.
Build a trading analysis dashboard as a single HTML file, with dense market panels and interactive charts. Include light and dark themes, Live/Demo controls, chart focus views, and a keyboard command menu for navigating the interface.
Create a three-scene video composition in a retro pixel style using a Hyperframes HTML template. Customize titles, labels, and colors while preserving scene transitions, short scene durations, and repeatable animation timing.
Build a three-slide finance or strategy presentation with bold metric cards and a precise grid layout. A black, warm-paper, and neon-lime palette frames the data in one HTML file with button, keyboard, and dot navigation.
Turn ARIS research reports in Markdown or JSON into a single HTML file for reading. Choose a report or dashboard layout, retain source version details, and optionally review whether the conversion preserves content and structure.
Save a rendered web application view as static HTML with embedded styles and images. Capture a specific page or interface state for sharing or Stitch upload, using Puppeteer or an interactive browser capture workflow.
Turn HTML files or live reference pages into articles with reusable prompts for recreating animations and interactions. Includes source inspection, screenshots, optional video capture, and checks that article text and media render correctly.
Create PAGX vector graphics files from a visual description, HTML file, or public URL, including supported animations. Edit existing designs, check their appearance, and export them to SVG, HTML, or PPTX.
Turn written requirements or Mermaid diagram text into interactive HTML diagrams of systems, workflows, sequences, data flows, and states. Explore connections, search the diagram, export images or video, and receive results from nine validation checks.
Create an HTML presentation outlining digital transformation for an established insurer. Organize the diagnosis, sequence of initiatives, and operating rhythm for executive decisions, using a warm paper palette and a consistent, restrained editorial design.
Build an HTML briefing deck that organizes workplace-safety findings, supporting evidence, and corrective requirements for regulators and plant leaders. A paper-textured design with earth tones gives the slides a consistent visual style for decision discussions.
Create an HTML presentation diagnosing margin recovery for a regional grocery chain. Organize the central recommendation, contributing factors, priorities, and roadmap into a decision deck, using a coordinated sage, cream, and burnt-orange visual style.
Create an HTML thesis defense deck that makes the research contribution, evidence, and limitations easy to find. The template uses warm neutral colors and classical typography, with an economics thesis on minimum wages as its example subject.
Present user research as a three-slide HTML deck with warm paper colors, minimalist typography, and subtle motion. Organize the research framing, participant breakdown, and behavioral evidence, with keyboard navigation and interactive donut-chart highlights.
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.