Customize cmux shortcuts, commands, workspace layouts, and viewer settings while preserving existing configuration. It identifies the right settings file, distinguishes app preferences from terminal preferences, and validates that actions and controls appear where expected.
- Adding a custom action to the Command Palette
- Saving project-specific workspace layouts and commands
- Adjusting viewer settings and browser routing
manaflow-ai/cmux☆ 28.3KUpdated Oct 21, 2026
Build and review JetBrains plugin interfaces using Swing and IntelliJ Platform components. Follow concrete rules for layouts, theme colors, fonts, spacing, dialogs, and tool windows while keeping shared style values consistent.
- Building tool windows and settings screens
- Reviewing theme colors, fonts, and spacing
- Choosing components for dialogs and notifications
Kilo-Org/kilocode☆ 27.7KUpdated Oct 21, 2026
Turn source text and data into infographics, images that explain information visually. The skill recommends combinations of 21 layouts and 22 visual styles, then generates images with a chosen language and aspect ratio.
- Illustrating a process or timeline
- Comparing products across several criteria
- Turning metrics into a visual dashboard
JimLiu/baoyu-skills☆ 26.8KUpdated Sep 11, 2026
Add user-facing text to Handsontable through its translation system. The skill covers translation keys, language files, plural forms, right-to-left layouts, preserving Japanese and other East Asian input behavior, and converting text to lowercase according to language rules.
- Adding translated menu labels
- Adding a language file or plural forms
- Checking Arabic or Persian right-to-left layouts
handsontable/handsontable☆ 22.1KUpdated Oct 21, 2026
Build and update Kortix web screens with established interface components and reference layouts. Guides component selection for forms, lists, modals, loading states, and notifications, including replacements for deprecated components and consistent responsive page structure.
- Build a settings screen with existing components
- Replace deprecated interface components
- Standardize loading, empty, and error states
kortix-ai/suna☆ 20.3KUpdated Oct 21, 2026
Design and improve web, mobile, and desktop interfaces using searchable local guidance. Find suitable colors, font pairings, layouts, and interaction patterns, then apply accessibility checks and implementation advice for the technology used in the project.
- Plan a consistent visual direction for a new page
- Choose colors and font pairings for a product
- Review forms and navigation for accessibility
awesome-dsh-plugin/awesome-dsh-plugin☆ 19.9KUpdated Oct 21, 2026
Compare a page with search results to identify mismatches in page type, content, and user needs. Receive alignment scores, assessments for different audience profiles, prioritized improvements, and optional outlines of current and proposed page layouts.
- Investigate rankings affected by search intent mismatches
- Compare a page format with top search results
- Assess clarity and trust for different audience profiles
AgriciDaniel/claude-seo☆ 19.5KUpdated Oct 5, 2026
Official · VercelFreeSummary Build TanStack Start pages from JSON specifications. This skill connects URL routes, shared layouts, server-side data loading, page metadata such as titles, and client navigation, including loading, error, and missing-page displays.
- Build multiple pages from JSON specifications
- Share layouts across pages
- Connect dynamic URLs to page data loading
vercel-labs/json-render☆ 18.7KUpdated Oct 14, 2026
Official · VercelFreeSummary Build multi-page Next.js applications from JSON specifications. This skill guides route setup, shared layouts, page metadata, and server-side rendering, which prepares pages on the server, with optional data loading before display.
- Build a multi-page app from JSON specifications
- Share navigation and layouts across pages
- Load server data before rendering a page
vercel-labs/json-render☆ 18.7KUpdated Oct 14, 2026
Build web layouts that adapt to screen and component sizes using CSS. Covers flexbox and CSS Grid for arranging content, reusable style variables, fluid text sizing, dark mode, and animations for interactive elements.
- Building layouts for phones and larger screens
- Creating cards that adapt to their container
- Managing shared styles and dark mode
RightNow-AI/openfang☆ 18.2KUpdated Jul 2, 2026
Create, edit, and reorganize PowerPoint presentations, or extract text from existing decks. Use templates or build slides from scratch, apply consistent visual styling, and inspect rendered slide images to find content and layout problems.
- Create a presentation or pitch deck
- Update slides using an existing template
- Extract slide text for a summary
eigent-ai/eigent☆ 15.6KUpdated Oct 20, 2026
Official · Hugging FaceFreeSummary Create interactive web demos and chat interfaces in Python with Gradio. Connect functions to text, image, audio, and file controls, arrange screen layouts, and define what happens when users click buttons or change inputs.
- Turning a Python function into an interactive demo
- Building a chatbot interface
- Adding image and audio inputs and outputs
huggingface/skills☆ 11.2KUpdated Oct 9, 2026
Turn a design into a developer handoff document covering layout, shared design settings, component options, interactions, and screen-size behavior. Include loading and error states, animation details, and accessibility notes to clarify implementation requirements.
- Preparing a design for developer handoff
- Documenting layout changes across screen sizes
- Specifying loading, empty, and error states
TencentCloud/Octop☆ 10.6KUpdated Oct 21, 2026
Official · OpenClawFreeSummary Create or refine OpenClaw public websites and landing pages using existing site patterns. Improve page structure, navigation, imagery, and mobile layouts, then check themes, accessibility, and search-related presentation in a browser.
- Building product and campaign landing pages
- Improving navigation and content hierarchy
- Checking mobile layouts and light/dark themes
openclaw/clawhub☆ 9.5KUpdated Oct 21, 2026
Official · GoogleFreeSummary Create a DESIGN.md guide for generating screens in Google Stitch. Define colors, typography, asymmetric layouts, component states, and motion with precise values and explicit restrictions, giving the agent consistent instructions for a specific visual style.
- Set shared design rules for Google Stitch screens
- Define asymmetric page layouts
- Document typography, colors, and interaction behavior
google-labs-code/stitch-skills☆ 8.5KUpdated Aug 18, 2026
Build a dark dashboard with panels that adapt to screen width. The skill provides CSS for consistent colors, monospace text, panel headers, scrolling content, status badges, and loading or error states.
- Building dashboards with multiple information panels
- Adapting panel layouts for phones and large screens
- Standardizing dark colors and monospace text
HKUDS/OpenSpace☆ 7.8KUpdated Aug 13, 2026
Extract readable text from PDFs when ordinary file readers return garbled or binary content. The skill guides agents through detecting failed reads and using pdftotext, a command-line PDF text extractor, with layout-preserving options.
- Reading PDFs that return garbled text
- Extracting text while preserving page layout
- Working around Python dependency issues in sandboxes
HKUDS/OpenSpace☆ 7.8KUpdated Aug 13, 2026
Extract PDF text when read_file returns unreadable binary content or little usable output. Try pdftotext with layout preservation, then use pdfplumber as an alternative when the command is unavailable or produces insufficient text.
- Extracting text after read_file returns binary content
- Retrying PDF extraction with empty or very short output
- Extracting text while preserving the PDF layout
HKUDS/OpenSpace☆ 7.8KUpdated Aug 13, 2026
Extract readable text from PDFs with pdftotext when read_file returns garbled or binary content. Choose page ranges, preserve text layout where needed, and send the extracted content to standard output or a text file for further processing.
- Recovering text when read_file returns garbled content
- Preparing PDF text for search or processing
- Extracting text from selected pages
HKUDS/OpenSpace☆ 7.8KUpdated Aug 13, 2026
Official · CodexFreeSummary Inspect and edit Figma files through JavaScript using the Plugin API. Guides changes to text, layout, variables, and components, with incremental steps and visual checks to verify the resulting design.
- Inspect pages, components, and variables in a Figma file
- Update text and colors across matching elements
- Adjust auto-layout containers and child sizing
openai/plugins☆ 7.5KUpdated Oct 8, 2026
Official · CodexFreeSummary Audit page loading speed with Chrome DevTools MCP, a tool connection for browser inspection. Measure performance indicators, investigate network delays and layout shifts, check accessibility gaps, and produce prioritized fixes with estimated impact and relevant code findings.
- Investigate slow page loads
- Find causes of layout shifts
- Identify improvements related to Lighthouse scores
openai/plugins☆ 7.5KUpdated Oct 8, 2026
Official · CodexFreeSummary Test and debug rendered web apps by reproducing interaction bugs, checking layouts and console errors, making focused fixes, and validating again. Results include screenshots, observed state changes, and a QA report explaining coverage and remaining gaps.
- Reproducing and fixing broken UI interactions
- Checking desktop and mobile layouts
- Investigating blank pages and console errors
openai/plugins☆ 7.5KUpdated Oct 8, 2026
Use JavaScript through Figma's Plugin API to inspect file structure and edit design elements, components, variables, and layouts. Follow incremental steps with font loading, returned element IDs, and visual checks to validate changes.
- Edit shapes and text in a Figma file
- Set up components, variants, and shared design values
- Adjust auto-layout, fills, and variable bindings
Devin-AXIS/iPolloWork☆ 7.1KUpdated Oct 20, 2026
Plan and build frontend interfaces through guided questions, visual references, and agreed design choices. Define colors, typography, and layout before coding, then implement small sections for review, with optional Google Stitch prototyping.
- Clarifying a visual direction before building a page
- Designing dashboards from references and brand guidelines
- Reviewing improvements to an existing interface
tech-leads-club/agent-skills☆ 7.1KUpdated Oct 21, 2026