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☆ 2万2026年10月20日 更新
Design and review desktop interfaces built with GPUI Kit. Applies rules for layouts, colors, components, interaction states, and interface wording, with checks for keyboard access, focus behavior, and accessibility before finishing the work.
中文简介正在准备中。当前显示英语简介。
- Designing a new GPUI Kit screen
- Reviewing colors, spacing, and components
- Checking dialog and keyboard behavior
longbridge/gpui-kit☆ 1.8万2026年10月20日 更新
Develop and migrate LangBot messaging adapters for Event-Based Agents, its event-driven architecture. Check conversion into shared event and message formats, implement platform APIs, and verify behavior through unit tests and real platform interactions.
中文简介正在准备中。当前显示英语简介。
- Adding a messaging platform adapter to LangBot
- Migrating an existing adapter to the EBA layout
- Testing event and message conversion in both directions
langbot-app/LangBot☆ 1.8万2026年10月20日 更新
Design and review web interfaces using Apple’s principles for fluid interaction. Shape drags, swipes, and spring motion that can change direction mid-animation, alongside translucent layers, readable typography, and accessible alternatives to movement.
中文简介正在准备中。当前显示英语简介。
- Design drawers that follow the user's finger
- Carry swipe momentum into animations
- Refine translucent layers and typography
spree/spree☆ 1.6万2026年10月20日 更新
Build distinct, working versions of one interface component and compare them at full size using a visual picker. Explore differences in layout, interaction, or motion, then integrate the version you choose into the project.
中文简介正在准备中。当前显示英语简介。
- Compare different layouts for a pricing card
- Try several notification interaction designs
- Explore motion choices for a hold-to-delete button
spree/spree☆ 1.6万2026年10月20日 更新
Design dashboards, admin panels, and app interfaces around users’ tasks and data. Establish screen layouts, colors, typography, and interaction states, then document reusable patterns to keep future interface work consistent.
中文简介正在准备中。当前显示英语简介。
- Designing dashboard information layouts
- Unifying admin panel colors and typography
- Defining settings page interaction states
holaboss-ai/holaOS☆ 1.1万2026年8月21日 更新
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☆ 1.1万2026年10月20日 更新
Refine interface surfaces, icons, and motion with specific values for corners, shadows, alignment, and transitions. Preserve the project's existing design conventions while identifying visual inconsistencies, touch interaction problems, and missing alternatives for reduced motion.
中文简介正在准备中。当前显示英语简介。
- Refining corners and shadows on nested cards
- Unifying icon appearance across interaction states
- Adjusting button feedback and entrance animations
jakubkrehel/skills☆ 81022026年10月13日 更新
Automate website interactions through a command-line browser tool. Navigate pages, fill forms, extract text, save screenshots or PDFs, reuse login sessions, and compare page states to check the effects of actions or website changes.
中文简介正在准备中。当前显示英语简介。
- Automating form entry and submission
- Extracting page text and saving screenshots
- Comparing page appearance before and after changes
mvschwarz/openrig☆ 80332026年10月21日 更新
Recreate a website from its URL as a locally runnable frontend app. Capture desktop and mobile layouts, assets, and interactive states, then compare the implementation with the source and complete visual and interaction quality checks.
中文简介正在准备中。当前显示英语简介。
- Recreating a website you own as a local app
- Reproducing desktop and mobile layouts
- Recreating menus, forms, and other interactions
openai/plugins☆ 75192026年10月8日 更新
Design tests for charts, dashboards, and interactive diagrams. Combine data checks, component tests, screenshot comparisons, and end-to-end workflows to catch incorrect values, broken interactions, and visual changes while keeping tests stable.
中文简介正在准备中。当前显示英语简介。
- Choose test coverage for a chart component
- Set up stable screenshot comparisons for a dashboard
- Verify mobile interactions and degraded network states
openai/plugins☆ 75192026年10月8日 更新
Decide whether geographic data needs a map, then choose suitable background maps, visual forms, and implementation tools. Plan overlapping markers, zoom behavior, and mobile interactions so the map supports the intended analysis or product task.
中文简介正在准备中。当前显示英语简介。
- Deciding whether regional comparisons need a map
- Designing regional maps with meaningful color scales
- Planning overlapping markers and zoom behavior
openai/plugins☆ 75192026年10月8日 更新
Build custom browser charts with D3, including precise labels, annotations, zooming, and range selection. Create SVG graphics that adapt to mobile screens, use meaningful contextual backgrounds, and support export when needed.
中文简介正在准备中。当前显示英语简介。
- Creating SVG charts with direct labels and annotations
- Adding zoom and range selection to scatterplots
- Plotting data over a soccer pitch or floor plan
openai/plugins☆ 75192026年10月8日 更新
Design live monitoring dashboards with clear priorities, linked charts, and predictable update behavior. Covers mobile interactions, connection failures, and rendering performance so users can scan current conditions, spot anomalies, and explore details as data changes.
中文简介正在准备中。当前显示英语简介。
- Design an operations dashboard using a WebSocket feed
- Improve charts receiving frequent data updates
- Plan linked chart selections and filters
openai/plugins☆ 75192026年10月8日 更新
Create or edit websites and application interfaces in the current iPolloWork Design session. Preserve shared design settings, component identities, and editing boundaries while making targeted or structural changes, then check affected interactions and supported exports through the host.
中文简介正在准备中。当前显示英语简介。
- Creating a website or application interface in Design
- Editing text or selected components
- Changing a theme while preserving content and layout
Devin-AXIS/iPolloWork☆ 71302026年10月20日 更新
Automate website interactions and checks with Playwright, a browser automation tool. Create and run scripts for forms, login redirects, broken links, and different screen sizes, with screenshots and execution results to inspect.
中文简介正在准备中。当前显示英语简介。
- Checking redirects after login
- Testing form submissions
- Comparing layouts across desktop, tablet, and mobile sizes
tech-leads-club/agent-skills☆ 70782026年10月21日 更新
Review web interface code for accessibility, visual design, and interaction issues. This skill checks specified files against interface guidelines and returns concise findings grouped by file, with line numbers to help locate each issue.
中文简介正在准备中。当前显示英语简介。
- Reviewing interface code before release
- Checking keyboard access and focus behavior
- Inspecting form labels and validation
tech-leads-club/agent-skills☆ 70782026年10月21日 更新
Build 2D physics scenes for web pages with Matter.js. This skill guides engine setup, canvas rendering, adding objects, optional mouse dragging and connections between objects, plus cleanup when a scene is removed.
中文简介正在准备中。当前显示英语简介。
- Add falling and colliding objects to a web page
- Let users drag objects with a mouse
- Set up a physics canvas in React
MengTo/Skills☆ 68802026年10月18日 更新
Review and refine websites and apps by finding generic decoration, inconsistent visual choices, and interface defects. Preserve the established art direction while improving hierarchy, layout, interaction states, and the connection between design choices and product needs.
中文简介正在准备中。当前显示英语简介。
- Removing unnecessary decoration from an existing page
- Keeping new components consistent with the design system
- Checking content hierarchy and primary actions
MengTo/Skills☆ 68802026年10月18日 更新
Build a continuous 3D website where scrolling guides the camera, lighting, text, and interactions through planned chapters. The skill covers visual planning, responsive composition, progressive loading, accessibility, and performance checks for a live Three.js world.
中文简介正在准备中。当前显示英语简介。
- Create a product story set in a continuous 3D world
- Build an interactive portfolio with a scrolling camera journey
- Present an exhibition through connected spatial chapters
MengTo/Skills☆ 68802026年10月18日 更新
Create coordinated website animations with GSAP, ScrollTrigger, and Lenis. Combine smooth scrolling, staged text and image reveals, pinned scenes, and pointer interactions, with guidance for performance, touch devices, and reduced-motion preferences.
中文简介正在准备中。当前显示英语简介。
- Coordinating motion across a portfolio website
- Revealing text and images during scrolling
- Building pinned storytelling sections
MengTo/Skills☆ 68802026年10月18日 更新
Turn browser screenshots captured during real interactions into a 60 fps, 4:3 4K demo video. Add a natural macOS cursor, timed clicks, and gentle zooms, then verify video properties and a sample frame.
中文简介正在准备中。当前显示英语简介。
- Creating a browser-based product demo
- Showing clicks and zooms in a UI walkthrough
- Re-recording a browser interaction sequence
MengTo/Skills☆ 68802026年10月18日 更新
Compare running models or tasks on a device, nearby edge infrastructure, or in the cloud. Break down interaction delays, data transfers, energy use, costs, and failure recovery to assess deployment choices for multimodal and real-time agents.
中文简介正在准备中。当前显示英语简介。
- Comparing device, edge, and cloud execution
- Estimating interaction delays on unstable networks
- Assessing battery use and sustainable processing speed
bojieli/ai-infra-book☆ 68232026年10月1日 更新
Build GenLayer contracts that use AI or external evidence to make on-chain decisions. The skill guides independent validator checks, persistent data storage, error handling, and interactions between contracts, with pinned runtime versions.
中文简介正在准备中。当前显示英语简介。
- Build contracts that settle disputes using external evidence
- Design validator checks for AI-generated scores
- Review contract storage types and error handling
internet-court/internet-court-skill☆ 67862026年8月20日 更新