Best frontend and UI design skills, page 107

Synesthete designer that translates emotional vibes and brand keywords into concrete visual DNA (colors, typography, layouts, interactions).

curiositech/some_claude_skills

Skeleton placeholders with a soft sweeping shimmer while content loads.

nexu-io/motion-anything

Guide for implementing shadcn/ui - a collection of beautifully-designed, accessible UI components built with Radix UI and Tailwind CSS.

einverne/dotfiles

Guide for implementing Tailwind CSS - a utility-first CSS framework for rapid UI development.

einverne/dotfiles

将基于 JSX 组件 的自定义页面升级/迁移为使用 YidaCodeCanvas 组件实现的宜搭自定义页面。适用于用户要求“.oyd.jsx / .oyb.jsx / Jsx 页面转 YidaCodeCanvas”“renderJsx 页面迁移到 YidaCodeCanvas”“把发布产物改为 runtimeCode + importedModules”。不要用于从零编写自定义页面。

openyida/openyida

Upgrade an Angular app from CometChat UI Kit v4 → v5 (@cometchat/chat-uikit-angular ^4 → ^5).

cometchat/cometchat-skills

Migrate an app from Twilio Conversations (or the deprecated Programmable Chat) to CometChat in ONE prompt, on any platform in this pack.

cometchat/cometchat-skills

Expert at analyzing the quality and effectiveness of Claude Code components (agents, skills, commands, hooks).

aiskillstore/marketplace

Build Next.js 16 applications with correct patterns and distinctive design.

aiskillstore/marketplace

Guided workflow for implementing HTML design prototypes as production React components with glassmorphism styling and quality standards enforcement.

aiskillstore/marketplace

Flutter cross-platform development guide covering widget patterns, Riverpod/Bloc state management, GoRouter navigation, performance optimization, and platform-specific implementations.

aiskillstore/marketplace

Frontend development with modern frameworks, responsive design, and accessibility best practices.

RedWoodOG/Hermes-Desktop

The Power BI report design canon covering design identity, visual hierarchy and the 3-30-300 rule, layout/spacing/alignment, color discipline, chart selection, KPI and card design, tables and…

data-goblin/power-bi-agentic-development

Read editor.md, editor.json, and analyst.json. An agent skill from QinghongLin/data2story-skill.

QinghongLin/data2story-skill

Read analyst.json and detective.json, make all editorial decisions — what the blog argues, which findings matter, narrative arc and section structure.

QinghongLin/data2story-skill

Reusable UI/visual-design system for building polished, distinctive, multimedia-rich self-contained HTML stories.

QinghongLin/data2story-skill

Read editor.md, editor.json, analyst.json, and designer.json.

QinghongLin/data2story-skill

Create polished HTML technical reports and multi-page documents for consulting deliverables.

thatrebeccarae/claude-marketing

Planning reference for rebuilding a small business website: page structure, copy voice, estimator widget, SEO requirements, form handling, DNS migration, and the no-code vs static-framework decision…

hewi333/Mom-n-Pop-Skills

Adoption report: coverage (what the system provides), reach (teams with access) and adoption (teams shipping with it), design vs engineering, trend and at-risk teams.

murphytrueman/design-system-ops

Deep audit of a component library: inventory, usage, duplication, complexity, coverage gaps.

murphytrueman/design-system-ops

Finds where consuming code has drifted from what the design system intended: local re-implementations, token overrides, forked patterns, classified by cause.

murphytrueman/design-system-ops

前端工程师 Skill，执行前端开发任务，自动适配项目技术栈（React/Vue/Svelte/Next.js 等），支持 Figma/Stitch 设计稿还原

kingxiaozhe/cm-workflow

UI 还原工程师 Skill，把已确认的设计基准像素级还原为生产代码（token 先行、原子顺序、按交付形态量化验收：Web 用 BackstopJS、App 用 Maestro+模拟器截图）；有基准才出场，不做业务逻辑

kingxiaozhe/cm-workflow

A skill your agent uses when implementing expand and collapse content sections.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when implementing social activity and updates stream.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when implementing conversational AI chat interfaces.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when implementing handling AI-specific errors.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when implementing loading states for AI operations.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when implementing aI-powered autocomplete and suggestions.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when implementing suggest options as users type.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when implementing quickly navigate back to the top of the page.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when you need to display dates and events in calendar format.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when you need to display content in a responsive card layout.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when you need to display multiple items in a rotating view.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when implementing visualize data with graphs and charts.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when implementing enable single or multiple selections.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when implementing multi-step checkout process.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when implementing quick command execution interface.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when implementing user comments and discussion threads.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when you need to compare features and options side-by-side.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when you need to inform users about the use of cookies.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when implementing comprehensive dashboard layouts.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when implementing allow users to reorder items intuitively.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when implementing guide users when no content is available.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when implementing show or hide additional text content on demand.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when implementing filter and refine data displays.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when you need to validate and provide feedback.

thedaviddias/ux-patterns-for-developers