Best frontend and UI design skills, page 114

Reverse-engineer any website's, repo's, or local project's design system into a Claude-ready skill via the SkillUI CLI.

CraftOS-dev/CraftBot

Design implementation-ready frontend solutions with UX intent, component structure, responsive behavior, accessibility, and handoff criteria.

itseffi/agentic-os

TypeScript/JavaScript coding rules: style, patterns, security, testing.

softspark/ai-toolkit

A skill your agent uses when designing or refreshing a web UI or landing page — visual concept, type/color/spacing/motion tokens, composition, rescuing a UI that reads AI-generic, or a graded design…

ericrisco/rsc-harness

A skill your agent uses when building, reviewing, testing, securing, or optimizing a Next.js App Router app: Server vs Client boundaries, use server actions, route handlers, the v15 vs v16 use cache…

ericrisco/rsc-harness

Generate a WCAG 2.2 accessibility audit checklist and remediation suggestions for any UI or design.

mohitagw15856/pm-claude-skills

Plan a trip that actually works with a disability or access need — confirm real accessibility (not just 'accessible' labels), book the assistance in advance, plan for equipment and medication, and…

mohitagw15856/pm-claude-skills

Assess whether and how someone can safely stay in their own home as they age — the home hazards, the support gaps, and the modifications and services that make it work.

mohitagw15856/pm-claude-skills

Structure AI and ML product decisions with the rigour of any product decision.

mohitagw15856/pm-claude-skills

Pick the chart the data and the point actually need — the question-to-chart mapping (comparison, trend, composition, distribution, relationship), the honesty rules (axes, baselines, dual-axis…

mohitagw15856/pm-claude-skills

Plan a Chinese company's entry into an overseas market (出海): choose the market with evidence, then plan entity, payments, localisation, compliance, channels and team for the first twelve months.

mohitagw15856/pm-claude-skills

Give structured, constructive feedback on any design using UX frameworks.

mohitagw15856/pm-claude-skills

Audit a design system for consistency, coverage, and quality.

mohitagw15856/pm-claude-skills

Generate a complete, accessibility-checked design system from scratch — colour ramps, type scale, spacing, elevation, and exports for CSS, Tailwind, design tokens, Figma, VS Code and PowerPoint.

mohitagw15856/pm-claude-skills

Point to Emil Kowalski's emil-design-eng skill and explain when to use it.

mohitagw15856/pm-claude-skills

A skill your agent uses when asked to design the interface for an interactive 3D explorer, plan a UI for exploring a 3D model of a topic, or write an image-model prompt for a 3D learning app mock-up.

mohitagw15856/pm-claude-skills

Generate structured developer handoff annotations for a Figma screen or component.

mohitagw15856/pm-claude-skills

Audit a Figma component library for consistency, coverage gaps, and naming issues.

mohitagw15856/pm-claude-skills

Design a spacing and layout token system for a Figma design system.

mohitagw15856/pm-claude-skills

Plan user flows and screen states for a Figma design before any designing starts.

mohitagw15856/pm-claude-skills

Define component variants and states systematically for Figma.

mohitagw15856/pm-claude-skills

Produce frontend UI that actually looks designed — a working spacing/type system, deliberate color use, real states, and restraint — instead of the generic AI-generated interface.

mohitagw15856/pm-claude-skills

Point to Anthropic's frontend-design skill and explain when to use it.

mohitagw15856/pm-claude-skills

Review a product/codebase for internationalization readiness before you localize.

mohitagw15856/pm-claude-skills

Write full landing-page copy that converts — section by section.

mohitagw15856/pm-claude-skills

Plan the localization of a product/content for a new market — beyond translating the words.

mohitagw15856/pm-claude-skills

Define and document performance budgets for a web service or application.

mohitagw15856/pm-claude-skills

Write pricing page copy that helps buyers self-select the right plan and convert.

mohitagw15856/pm-claude-skills

Tear down a competitor's product from screenshots of its actual UI — onboarding, pricing page, core flows.

mohitagw15856/pm-claude-skills

Run a five-stage UI design pipeline (direction, system, motion, critique, verification) so the result does not look like generic AI output.

mohitagw15856/pm-claude-skills

Point to the ui-ux-pro-max skill by nextlevelbuilder and explain when to use it.

mohitagw15856/pm-claude-skills

Create a structured UX research plan for any product question or feature.

mohitagw15856/pm-claude-skills

Craft a sharp value proposition that says who it's for, the outcome, and why you over the alternative.

mohitagw15856/pm-claude-skills

Check whether a specific venue — a restaurant, office, event space, Airbnb, clinic — will actually work for your access needs, before you commit, with the exact questions to ask and the red flags in…

mohitagw15856/pm-claude-skills

Optimize Doctrine fetching with DTO hydration (SELECT NEW), fetch joins, lazy loading, query hints, and DBAL 4 access

dev-toolings/superpowers-symfony

Readability and rendering audit for figures and tables in academic manuscripts.

Mathews-Tom/armory

Turn campaign UI references into a new H5/Web campaign proposal, page architecture, and HTML/CSS/JavaScript high-fidelity front-end draft.

LeoYeAI/openclaw-master-skills

A skill your agent uses when authoring or modifying browser-rendered visual output: HTML, CSS, React SSR, artifact templates, markdown renderers, design tokens, themes, or composed pages.

egregore-labs/egregore

Verifies a generated or refreshed repo-specific Agent Skill by creating assertion-backed usability test cases, running content-level self-refine, checking backend-classified native repo…

VectorSpaceLab/AREX-Skill

HTML, CSS, and JavaScript craft guidelines from bendc/frontend-guidelines — semantics, a11y basics, selector discipline, motion-friendly CSS, and readable JS.

Asymmetric-al/core

Inspect a Core UI or code surface for a small number of justified motion opportunities and explicitly identify what should remain static.

Asymmetric-al/core

Software architecture and UI/UX principles for building genuinely new solutions, not derivative work.

bencium/bencium-marketplace

OmD Lab

kwakseongjae/oh-my-design

Build and maintain Core UI with the ReUI registry and authenticated ReUI MCP.

Asymmetric-al/core

Svelte 5 - Reactive UI framework with compiler magic, Runes API, SvelteKit full-stack framework, SSR/SSG, minimal JavaScript

bobmatnyc/claude-mpm

Svelte 5 runes + SvelteKit adapter-static (SSG/SSR) patterns for hydration-safe state, store bridges, and reactivity that survives prerendering

bobmatnyc/claude-mpm

[BETA] Expert assistance for the Adobe I/O CLI plugin @adobe/aio-cli-plugin-aem-rde — the aio aem rde / aio aem:rde command tree used to deploy, inspect, log-tail, snapshot, and troubleshoot AEM…

adobe/skills

Use this when implementing code changes in AEM Edge Delivery Services (EDS, Franklin, Helix), whether new or modified blocks, core functionality (scripts.js, styles, delayed.js, etc.), or both.

adobe/skills