Review pages for situations where JavaScript is disabled or unavailable. Check that important content appears in the initial HTML and that noscript elements offer useful alternatives, then suggest changes to keep core content and navigation accessible.
- Checking page content with JavaScript disabled
- Adding alternatives for JavaScript-dependent features
- Reviewing initial HTML for important content
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Check that HTML declares the correct page language and marks sections written in other languages. Find missing, empty, or invalid language tags and suggest corrections that support screen reader pronunciation, browser translation, and spell checking.
- Checking the language declared for a page
- Marking language changes in multilingual content
- Reviewing language settings for screen reader pronunciation
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Review and fix HTML form fields so their input types match the data being entered. Check autocomplete settings and the final browser markup to support suitable mobile keyboards, built-in validation, and browser autofill.
- Reviewing input types in an existing form
- Improving mobile keyboards for email and phone fields
- Adding autocomplete settings for browser autofill
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Review JavaScript written directly in HTML and move suitable code into external files. Replace inline event handlers with addEventListener, clarify browser verification steps, and explain how separating code supports maintenance, caching, and security.
- Moving JavaScript out of HTML markup
- Replacing onclick handlers with addEventListener
- Reviewing script separation for caching and maintenance
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Review HTML lists of terms and descriptions, finding dt and dd elements used without a containing dl. Help correct the structure so assistive technologies can associate each term with its description, and explain how to verify the fix.
- Check HTML structure in a glossary
- Review lists of metadata labels and values
- Fix dt and dd elements missing a containing dl
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Review drag-and-drop interfaces for keyboard and screen reader access. Inspect the rendered HTML, identify missing alternative controls and status announcements, and guide changes so users can perform equivalent actions through different input methods.
- Reviewing keyboard alternatives to dragging
- Checking screen reader status announcements
- Inspecting rendered drag-and-drop markup
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Review and fix breadcrumb HTML so readers, including people using screen readers, can understand site hierarchy and their current location. Check navigation labels, ordered lists, current-page attributes, and consistency with structured data.
- Reviewing breadcrumbs for screen reader accessibility
- Checking breadcrumb HTML produced by shared components
- Aligning structured data with visible breadcrumbs
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Review a website’s Content Security Policy, which controls allowed resources, and identify unsafe HTML insertion. Guide policy changes and sanitization, then verify actual HTTP responses and browser behavior in a production-like environment.
- Reviewing an existing Content Security Policy
- Restricting scripts and third-party resources
- Checking how untrusted HTML is rendered
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Inspect production HTML for development comments, debug code, console logs, and temporary markup. Remove unnecessary remnants, check comments for sensitive information, and preserve comments needed for accessibility or legal purposes.
- Clean up HTML before a production release
- Check comments for sensitive information
- Remove debug logs and temporary elements
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Review ARIA roles, labels that tell assistive technology what page elements do, and correct invalid values. Prefer standard HTML controls where suitable, then check keyboard behavior, focus movement, and screen reader output to verify the changes.
- Finding invalid or misspelled ARIA role values
- Replacing custom widgets with standard HTML controls
- Reviewing accessibility in shared UI components
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Structure an HTML video project for HyperFrames, with explicit clip timing, tracks, reusable scene sections, and framework-controlled media playback. Provides rules for repeatable rendering and checks to identify composition problems before producing the final video.
- Create the HTML structure for a video project
- Organize clip timing and tracks
- Connect reusable scene sections
calesthio/OpenMontage☆ 70.4KUpdated Oct 17, 2026
Finds and rewrites code by its syntax structure across 25 languages. Use it to locate matching calls or declarations, preview bulk changes, and run reusable YAML rules that check code or apply fixes.
- Finding calls or functions with a specific structure
- Previewing and applying bulk code changes
- Checking code with reusable YAML rules
code-yeongyu/oh-my-openagent☆ 70.2KUpdated Oct 21, 2026
Create a single HTML email file for use in an email tool, with layouts designed for Gmail, Outlook, and Apple Mail. Include preview text, accessible links, and appropriate footer details for marketing messages.
- Create a promotional email
- Prepare an announcement email
- Adapt a layout for major email clients
asgeirtj/system_prompts_leaks☆ 70KUpdated Oct 20, 2026
Style slides in an existing HTML presentation using documented CSS classes and component patterns. The skill covers two-column comparisons, cards, warning boxes, and code coloring, along with rules for automatically displayed slide badges.
- Arranging before-and-after examples in two columns
- Coloring code examples by syntax
- Formatting key concepts, actions, and warnings
shanraisshan/claude-code-best-practice☆ 67.9KUpdated Oct 20, 2026
Turn notes, prose, code, schemas, or tables into editable diagrams, including flowcharts, architecture diagrams, and schedules. Choose Mermaid, Graphviz DOT, PlantUML, or SVG to suit the content, with image or PDF rendering when needed.
- Turn business procedures into flowcharts
- Diagram system architecture and dependencies
- Visualize database relationships and interactions
zhaoxuya520/reverse-skill☆ 42.8KUpdated Sep 22, 2026
Get guidance on adapting large language models with Axolotl. Covers YAML configuration files, LoRA and QLoRA methods for training fewer parameters, distributed training settings, dataset formats, and debugging training code.
- Write YAML settings for model fine-tuning
- Explore training with LoRA or QLoRA
- Configure training across multiple GPUs
davila7/claude-code-templates☆ 32.8KUpdated Oct 21, 2026
Official · CodexFreeSummary Capture a local static HTML page from the terminal using Playwright and Chromium. The supplied commands install the browser, set a 2048 × 1152 viewport, and save screenshots without starting a web server.
- Capturing a local static HTML page
- Saving screenshots at a specified viewport size
- Keeping first and second captures as separate files
openai/openai-agents-python☆ 30.2KUpdated Oct 20, 2026
Build image export features for HTML elements with snapDOM. The skill covers SVG, PNG, JPG, and WebP output, preserving styles and fonts, adjusting dimensions, excluding elements, and troubleshooting missing resources.
- Adding image downloads for HTML elements
- Exporting charts and graphics as SVG
- Creating images with specified dimensions
2025Emma/vibe-coding-cn☆ 23.1KUpdated Dec 17, 2025
Build presentation slides in HTML, preview them in a browser, and export PDF or PPTX files. Also create fully editable PowerPoint decks or modify existing templates, with checks for content, layout, and rendering issues.
- Creating presentation slides and previewing them in a browser
- Exporting slides as PDF or PPTX files
- Creating fully editable PowerPoint decks
kortix-ai/suna☆ 20.3KUpdated Oct 20, 2026
Create a Chinese interview preparation guide for a focused machine learning or LLM topic, with formula derivations, PyTorch implementations, comparison tables, and 25 questions across three difficulty levels. The workflow reviews the content and renders it as HTML.
- Preparing for an interview on a specific machine learning topic
- Studying formula derivations alongside PyTorch implementations
- Organizing interview questions by difficulty
wanshuiyin/Auto-claude-code-research-in-sleep☆ 17.8KUpdated Oct 20, 2026
Operate FrontendIntegration resources from existing YAML definitions using kubectl, the Kubernetes command-line tool. Manage updates and enabled state, inspect build output, troubleshoot failures, and install or manage the frontend-forge extension.
- Create a FrontendIntegration from existing YAML
- Update, enable, or disable a FrontendIntegration
- Inspect build output and troubleshoot failures
kubesphere/kubesphere☆ 17.1KUpdated Jul 15, 2026
Guides LLM fine-tuning with Axolotl, from YAML configuration and dataset formats to distributed training across GPUs. Covers LoRA and QLoRA, methods that train on preferences, multimodal support, and troubleshooting using documentation references and code examples.
- Prepare YAML settings for LLM fine-tuning
- Explore LoRA, QLoRA, and preference training options
- Check dataset formats and input handling
Orchestra-Research/AI-Research-SKILLs☆ 13.8KUpdated Oct 11, 2026
Turn systems, code changes, plans, and data into HTML explanations built around diagrams and visual comparisons. Add interactive or animated steps where useful, with slides, PPTX exports, and MP4 videos available on request.
- Explain system architecture and data flows visually
- Review code changes or implementation plans with diagrams
- Compare options and present data visually
nicobailon/visual-explainer☆ 10.6KUpdated Oct 20, 2026
Create presentations from a plain-language brief using preset visual themes. Compare three template layouts and one custom design per slide, edit the HTML presentation in a browser, and export to PPTX or PDF.
- Creating slides for product introductions and business reports
- Turning research findings and data into presentation slides
- Comparing multiple layout options for each slide
chuspeeism/dashi-ppt-skill☆ 9.8KUpdated Sep 12, 2026