2.5K skills · sorted by relevance
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.
Create charts, dashboards, scorecards, and styled summaries as standalone HTML reports for the screenpipe viewer. Keep styles, scripts, and images inside the file so the report renders in a sandbox with no network access.
Build a single HTML product showcase with real content displayed inside CSS-drawn iPhone and optional MacBook screens. Use supplied HTML, text, or data, with perspective, reflections, highlights, and optional gentle rotation.
Add Preline UI components and ready-made page sections to HTML files through the Preline MCP server. The skill guides component selection, CSS and script placement, and assembly of pages containing multiple components.
Convert existing Marp slides, written in Markdown, into PDF, HTML, editable PPTX, or PNG images. The skill handles custom themes, browser detection, and batch conversion, then reports output paths, file sizes, and conversion warnings.
Plan and refine the visual design of HTML pages, reports, presentations, and small tools. Choose colors, typefaces, layouts, and themes to suit the subject, while respecting existing project styles and making content and controls clear.
Turns concepts, processes, and software architecture into diagram files. Choose a standalone HTML file containing SVG for browser viewing, or an editable Excalidraw whiteboard for flowcharts, sequences, and architecture sketches.
Create logos, business card mockups, HTML presentations, banners, social images, and SVG icons. Define shared brand colors and typography, then carry those choices into visual assets and interface styling.
Create HTML presentations for marketing, pitches, and data-driven explanations. Use Chart.js graphs, reusable design settings, responsive layouts, and writing formulas to shape slide content and choose layouts suited to the presentation's purpose.
Create a single HTML wireframe for a desktop dashboard using grey blocks, placeholder text bars, and crossed image boxes. Review navigation, information hierarchy, and panel placement before choosing final colors, copy, or imagery.
Build a website prototype as a single HTML file using a supplied template and section layouts. Suitable for landing pages, pricing pages, and documentation indexes, with colors adapted to an existing design system.
Build an HTML presentation explaining a music festival poster series, from its concept and visual system to adaptations across formats. Use a consistent graphic style with thick borders, offset shadows, and a pink, sage, and ink palette.
Create an HTML presentation for a community-growth campaign across GitHub, Discord, and X. Organize growth loops, a content calendar, and pipeline calculations in a coordinated cream, coral, and near-black slide design.
Turn a product launch into an HTML presentation for press, communities, and prospects. Organize headlines, supporting evidence, and calls to action within a consistent editorial design that uses a dark background and a single orange accent.
Build an HTML portfolio presentation for a senior designer interview, using three case studies to explain craft and design judgment. A fixed editorial layout with a neon yellow accent helps organize evidence for the hiring panel.
Create magazine-style HTML slide decks for editorial pitches, brand presentations, and art direction reviews. A coordinated three-color palette, contrasting typefaces, and reusable layouts keep the presentation visually consistent.
Create an HTML policy briefing deck about expanding urban tree canopy for city councils and agency reviewers. Organize public needs, evidence, policy options, and funding decisions within a consistent forest-green and cream presentation template.
Turn notes and analysis into HTML slide decks for client recommendations, technical talks, or reports. Choose from themes and layouts, add speaker scripts and animations, and export slides as PNG images using the supplied rendering script.
Create an HTML presentation showing a photography studio's signature work, process, and pricing packages. A coordinated black and electric-yellow template helps prospective clients review the studio's work and consider a commission.
Create an HTML workshop deck for new users of a project management app. Organize training around first useful results and ongoing habits, using a warm pastel template with hand-drawn decorations.