Frontend & Design · For designers

Orchestrate a complete visual QA workflow to make a dev/Storybook page match a baseline URL pixel-for-pixel.

bitovi/ai-enablement-prompts

Make UIs responsive across all devices and verify responsiveness using Playwright.

bitovi/ai-enablement-prompts

Compare a baseline URL against a dev or Storybook URL by taking Playwright screenshots at multiple breakpoints, running a pixel-level image diff, and reporting results to guide style and HTML…

bitovi/ai-enablement-prompts

Guide for implementing RemixIcon - an open-source neutral-style icon library with 3,100+ icons in outlined and filled styles.

einverne/dotfiles

Implement or extend a user-facing workflow in a web application, integrating with existing backend APIs.

julianromli/opencode-template

120+ Vue/Nuxt animated components with TailwindCSS v4, motion-v, GSAP, Three.js.

secondsky/claude-skills

Motion (Framer Motion) React animation library. An agent skill from secondsky/claude-skills.

secondsky/claude-skills

Nuxt UI v4 component library for building Nuxt v4 applications.

secondsky/claude-skills

Resources and theming on the KMP Starter Template — centralized resources module, string externalization, localization, theme via ThemeDataStore, and colors/typography.

DevAtrii/Kmp-Starter-Template

End-to-end guided workflow for creating a product demo or showcase video.

BintzGavin/helios

End-to-end guided workflow for creating a promotional hype video.

BintzGavin/helios

This skill should be used when designing or checking road-fronting planting under 市區道路及附屬工程設計規範: street-tree pit clear area (植穴淨面積), tree spacing by canopy size, soil depth for survival versus…

h30190/HJPLUS_Taiwan_Architect_KB

This skill should be used when a building design meets the urban road at the pedestrian interface: sidewalk clear width (人行道淨寬), central green strip splits, cross and longitudinal slope, clear…

h30190/HJPLUS_Taiwan_Architect_KB

Geometric, structured design with clean typography, neutral colors, precise shapes, and intuitive layouts that stay out of the way.

bergside/awesome-design-skills

Apply Manor's public contribution standards when creating, editing, or reviewing web UI, React or TSX components, CSS, Tailwind classes, layouts, forms, cards, dialogs, navigation, responsive…

manor-os/manor-ai

Write a narrative decision record (ADR) for a design system choice: context, options, trade-offs, consequences, including declined proposals.

murphytrueman/design-system-ops

Compares a component or screen's design spec with its code and logs each gap as a build error or spec gap.

murphytrueman/design-system-ops

Turns design system status or a recommendation into a one-page brief in business language.

murphytrueman/design-system-ops

Build a self-contained interactive HTML that lets you SEE de-identification and restoration — original ↔ redacted ↔ rehydrated, with color-coded PII spans and All/None/Selected toggles.

glebis/claude-skills

UI craftsmanship: animation rules, easing, micro-interactions, state polish.

softspark/ai-toolkit

Anthropic API prompt caching: TTL, breakpoints, stacking, invalidation, hit rate.

softspark/ai-toolkit

A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid scrolljacking and custom scroll behavior.

thedaviddias/Front-End-Checklist

Use Stylelint in .NET repositories that ship CSS, SCSS, or other stylesheet assets alongside web frontends.

managedcode/dotnet-skills

Design system for the AI Edit Video web dashboard (noti.vn) - the three-step type scale, light/dark color tokens, the component primitives every page must use, Inter font, SVG icons, Shopify Admin…

notivn/AIEV

Run a basic accessibility checklist for UI changes. An agent skill from proflead/codex-skills-library.

proflead/codex-skills-library

Build self-contained static HTML artifacts opened in a browser: interactive diagrams, dashboards, infographics.

Mathews-Tom/armory

Guides the agent through general Ionic Framework development including core concepts, component reference, CLI usage, layout, theming, animations, gestures, development workflow, and troubleshooting.

LeoYeAI/openclaw-master-skills

Embedded UX research skill that passively observes interactions, administers post-task and end-of-day surveys, captures verbatim quotes, detects friction and delight signals, and generates daily…

LeoYeAI/openclaw-master-skills

Verify built UI against this project's hard rules and against the design — runs the mechanical check script, then the judgement checks a script cannot make (visual fidelity vs Figma, token naming…

textura-agency/next16-claude-starter

Archived DESIGN.md impact experiment compatibility gate. An agent skill from kwakseongjae/oh-my-design.

kwakseongjae/oh-my-design

Создание высококачественных, визуально выдающихся фронтенд-интерфейсов.

AnastasiyaW/codex-claude-code-config

Compose new Rails backend pages and refactor existing Rails UI to use premium blocks from templates/application-ui.

pproenca/dot-skills

The discovery surfaces outside the App Store app — your apps.apple.com product page ranking on Google, an owned landing page with a Smart App Banner, and the deal-site ecosystem that auto-amplifies…

rshankras/claude-code-apple-skills

Context-first anti-slop visual review for landing pages, portfolios, and existing web UI.

VKirill/claude-lane-stack

Lane-stack router for design/brand. An agent skill from VKirill/claude-lane-stack.

VKirill/claude-lane-stack

A skill your agent uses when reverse-engineering a codebase's implicit design system, creating a DESIGN.md style guide, documenting design tokens, or establishing visual language standards.

theexperiencecompany/gaia

Daily GitHub briefing: issues, PRs, reviews, releases and discussions.

Community-Access/accessibility-agents

Review SwiftUI code for iOS/watchOS Human Interface Guidelines compliance, font usage, Dynamic Type support, and accessibility.

gustavscirulis/snapgrid

Diagnose and fix common Anima SDK design-to-code errors. An agent skill from jeremylongshore/tons-of-skills-marketplace.

jeremylongshore/tons-of-skills-marketplace

Build automated Figma-to-React pipeline with the Anima SDK. An agent skill from jeremylongshore/tons-of-skills-marketplace.

jeremylongshore/tons-of-skills-marketplace

Clone websites to React/HTML code and customize Anima output with AI.

jeremylongshore/tons-of-skills-marketplace

Generate reviewable React or HTML code from a Figma design using the Anima SDK.

jeremylongshore/tons-of-skills-marketplace

Install the Anima SDK and configure authentication for Figma-to-code generation.

jeremylongshore/tons-of-skills-marketplace

Set up iterative design-to-code development loop with Anima SDK.

jeremylongshore/tons-of-skills-marketplace

Production readiness checklist for Anima design-to-code pipelines.

jeremylongshore/tons-of-skills-marketplace

Implement reference architecture for Anima design-to-code automation.

jeremylongshore/tons-of-skills-marketplace

Apply production-ready patterns for the Anima SDK design-to-code pipeline.

jeremylongshore/tons-of-skills-marketplace

Audit and harden Anima and Figma tokens for design-to-code pipelines.

jeremylongshore/tons-of-skills-marketplace