Best frontend and UI design skills, page 112

Guide to Apache ECharts for interactive research data dashboards

wentorai/research-plugins

Guide to JSON Crack for visualizing complex JSON data structures

wentorai/research-plugins

Free tool marketing strategy covering idea evaluation, tool design, lead capture architecture, SEO landing pages, launch playbook, and ROI measurement for calculators, generators, checkers, graders…

borghei/Claude-Skills

Integrate with Figma API for design automation and code generation.

hoodini/ai-agents-skills

Build responsive, mobile-first web applications. An agent skill from hoodini/ai-agents-skills.

hoodini/ai-agents-skills

Build consistent design systems with tokens, components, and theming.

hoodini/ai-agents-skills

Build accessible web applications following WCAG guidelines.

hoodini/ai-agents-skills

Top-of-pyramid orchestrator for Yuval Avidani's YUV.AI brand work.

hoodini/ai-agents-skills

A skill your agent uses to determine whether a Lightning Web Component (LWC) is accessible and meets WCAG accessibility guidelines.

forcedotcom/sf-skills

A skill your agent uses to analyze a Salesforce Aura component bundle (.cmp, .app, .evt, .intf, Controller.js, Helper.js, Renderer.js) and produce a framework-agnostic migration blueprint (PRD.yaml…

forcedotcom/sf-skills

A skill your agent uses to run a visual-craft audit of a rendered UI and produce an evidence-grounded Craft Report across Useful, Usable, Reliable, Coherent, and Well-Crafted.

forcedotcom/sf-skills

Derive a Field Service mobile app color scheme from a brand source (URL, hex codes, brand-guide paste, or color description), validate WCAG AA contrast in both light and dark mode, and apply the…

forcedotcom/sf-skills

Review or change FieldWorks user-facing strings: LocalizationManager/XLIFF and legacy .resx resources, localization keys, the StringTable strategy for XML-configuration labels, Crowdin-facing…

sillsdev/FieldWorks

Reuse lower-level SIL libraries before writing custom helpers in FieldWorks.

sillsdev/FieldWorks

设计、实现、迭代或评审真实前端页面与交互流程，包括 SaaS、仪表盘、编辑器、落地页和可视化工具。关注产品任务、现有设计语言、可达状态与浏览器验证；不用于纯后端工作。

ChenShuo2004/cs-skills

Make a Mendix app look designed rather than default-Atlas: layout, spacing, typography, colour and design properties that reach a finished standard.

mendixlabs/mxcli

Reproduce a Claude Design prototype or design handoff (HTML/CSS, .dc.html export, tokens, screenshots) inside a Mendix app: build the palette with mxcli theme create --from, then apply classes in…

mendixlabs/mxcli

The SCSS workflow and its traps — where styling actually compiles, custom-variables.scss, themesource directories, hot reload, design-property errors, and the mxcli theme commands (apply, create…

mendixlabs/mxcli

Generate polished dark-themed architecture diagrams as standalone HTML files with inline SVG, semantic system grouping, and readable connection flows.

CoWork-OS/CoWork-OS

A skill your agent uses when designing or implementing product-grade web motion like Stripe, Linear, Apple, and Vercel.

nirholas/three.ws

Art-direct and implement distinctive, motion-rich marketing, editorial, portfolio, and landing websites with original reference-inspired imagery, standout heroes, GSAP choreography, one…

nirholas/three.ws

Convert a supplied HTML page or generated HTML reference into a screenshot-backed article containing multiple reusable interaction prompts.

nirholas/three.ws

A skill your agent uses when creating or refining WebGL-heavy landing pages and you need to steer toward a specific visual outcome (premium, technical, playful, cinematic) while balancing conversion…

nirholas/three.ws

Reverse-engineer an application, website or document's design system from its codebase and screenshots.

sammcj/agentic-coding

Cross-browser, cross-platform, and cross-device compatibility testing ensuring consistent experience across environments.

proffesor-for-testing/agentic-qe

Advanced visual regression testing with pixel-perfect comparison, AI-powered diff analysis, responsive design validation, and cross-browser visual consistency.

proffesor-for-testing/agentic-qe

Critique and review Figma designs to ensure alignment with Chromium codebase components, tokens, and structure.

nwjs/chromium.src

Recreate Figma design frames as production-ready Chromium C++ Views code following Chrome's native Views architecture, component guidelines, and color/shape token mappings.

nwjs/chromium.src

Recreate Figma design frames as prototype-ready Chromium Views JSON script following Chrome's native Views architecture, component guidelines, and color/shape token mappings.

nwjs/chromium.src

Recreate Figma design frames as production-level Chromium WebUI code following Chrome's Lit-element architecture and styling guidelines.

nwjs/chromium.src

It is a specification for semantic workflows used by agents to plan, generate, formalize, summarize, and execute complex tasks, projects, experiments,and research efforts for agents, requiring…

jinzhezenggroup/computational-chemistry-agent-skills

Suede Labs copy-only orchestration DAG. An agent skill from JasonColapietro/suede-creator-skills.

JasonColapietro/suede-creator-skills

A skill your agent uses when implementing, reviewing, or debugging Apple Liquid Glass: iOS 26+ adoption, Regular vs Clear variants, tinting, scroll edge effects, or an iOS-native redesign review.

coco-research/coco

Your product + design brain trust and decision partner. An agent skill from coco-research/coco.

coco-research/coco

Tailwind CSS v4 principles. An agent skill from coco-research/coco.

coco-research/coco

Apply conventional interaction behavior for keyboard shortcuts, focus, dialogs, overlays, menus, forms, and asynchronous controls.

swyxio/skills

Design, build, or revise a technical blog as a product system.

swyxio/skills

Design, build, or review responsive mobile web-app UX when a phone experience needs task-first layout, usable touch controls, compact media comparison, mobile navigation, overlays, forms, or…

swyxio/skills

Design patterns and lessons for building conference schedule pages with React.

swyxio/skills

Report sessions, conversion rate, and bounce rate for every product and collection page using Shopify's analytics API — surfaces which pages earn eyeballs and which convert them.

40RTY-ai/shopify-admin-skills

Design system bootstrapping and token generation. An agent skill from c0x12c/ai-toolkit.

c0x12c/ai-toolkit

Create or update a professional live-linked document browser dashboard for a SharePoint document library, using real metadata fields, a clean navy-and-yellow design system, visible refresh, reliable…

pnp/sharepoint-skills

Generates an interactive HTML site map showing storage breakdown and hot/cold activity heatmap across all document libraries, lists, and site pages.

pnp/sharepoint-skills

Design and implement distinctive, production-ready frontend interfaces with strong aesthetic direction.

archibate/dotfiles-opencode

Scaffold a new country focus tree file with a correctly structured root focus and localisation stubs.

MillenniumDawn/Millennium-Dawn

Work effectively inside a local Agent Canvas environment, including local agent-server auth, frontend/backend port discovery, safe workspace hygiene, and delegating work to a new local conversation…

OpenHands/extensions

Audit web pages and components for WCAG 2.2 accessibility compliance.

TerminalSkills/skills

Codex adapter for running a rigorous, quote-grounded codebase review or security/QA/accessibility/performance/AI-slop/enhancement audit.

ZaxbyHub/opencode-swarm