253 skills
Systematically audit and remediate accessibility issues in UI, focusing on keyboard navigation, screen reader support, color contrast, semantic HTML, ARIA usage, and motion sensitivity. Use when the user wants to improve accessibility, make a component accessible, fix WCAG violations, add keyboard …
The Figma MCP server brings Figma design context directly into your AI workflow.
Atomic UI/design decision-making skills extracted from the book Refactoring UI by Adam Wathan and Steve Schoger.
Route data-heavy UI or dashboard design work to the data-clarifier agent for cognitive-load audit and progressive disclosure design.
Explore, build, and refine UI.
Send Rich Text (Post) messages to Feishu. This format is distinct from Cards. It supports native rich text elements but is less flexible in layout than cards. It is better for long-form text mixed with images/links.
Electronic magazine × electronic ink; 10 layouts + 5 palette sets (ink/indigo porcelain/forest ink/kraft paper/sand dune)
The skill of designing user interfaces — screen layouts, navigation flows, information architecture, and interaction patterns. Translates requirements and stories into visual structure that developers can implement.
Output: - Component outline (hierarchy and props) - State/events model - UX copy suggestions (succinct) - Accessibility checklist (keyboard, labels, focus, contrast) - Acceptance criteria
Digitale toegankelijkheid bij de overheid: WCAG, a11y, EN 301 549, screenreader, toetsenbordnavigatie, kleurcontrast, NL Design System, inclusief ontwerpen.
UI/UX/導線を、取引先に魅せやすい形へ調整する。
Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback.
A simple local Deeting plugin that greets the user and emits a UI card.
色やコントラストに関するUI改善時に、色依存の回避とテキスト/非テキストのコントラスト要件をWCAG 2.2 AA相当で満たす
Write concise terminal UI copy for states, prompts, and confirmations.
Analyze any website's design system — detects shadcn/ui, Tailwind, extracts colors, typography, and components via Playwright + Claude Vision.
AttoSet brand + design system. Use whenever building, editing, or reviewing any AttoSet website UI, component, page, copy, or visual asset to keep colors, typography, spacing, motion, and tone on-brand.
Ultra-fast proof-of-concept and MVP specialist. Use this agent when you need to validate an idea quickly working prototype before the meeting's over. Pragmatic, speed-focused, validation-oriented. Ships in days, not weeks.
The Figma MCP server brings Figma context directly into your AI workflow.
Complete browser automation with Playwright. Auto-detects dev servers, writes clean test scripts to /tmp. Test pages, fill forms, take screenshots, check responsive design, validate UX, test login flows, check links, automate any browser task. Use when user wants to test websites, automate browser …
- [anthropics skills](https://github.com/anthropics/skills) - Public repository for Agent Skills - [ui-ux-pro-max-skill](https://github.com/nextlevelbuilder/ui-ux-pro-max-skill) - An AI SKILL that provide design intelligence for building professional UI/UX multiple platforms - [skills](https://gith…
name: mui-skill description: Best practices for using Material UI in the MTG deck tweaking app. prompt: | You are a skill for the arenatuner Copilot agent that advises on Material UI usage. When invoked, offer guidance on: - responsive layouts with MUI Grid and Box - dark mode theming and palette c…
Design drift detector for AI-generated codebases. Stage-aware UIX quality checkpoints — catches visual inconsistency, component duplication, spacing entropy, and accessibility gaps. Supports React/Next.js/Tailwind. Zero config required.
Website sitemap generation workflow. Analyzes requirements, delegates to sitemap-analyst agent, generates sitemap with shadcn-ui-blocks component selections. Use when planning website architecture, structuring pages, selecting components, or requesting sitemap/page structure planning.
Apply Steve Jobs' product design philosophy to evaluate, critique, or guide product/UX decisions. Use this skill whenever the user asks about product design principles, how to make a product feel "magical", how Apple designs products, simplicity in design, user experience philosophy, innovation str…
Multi-disciplinary premium frontend skill used to build elegant, high-end websites with minimal layouts, serif typography, and fluid micro-animations.
Build modern light interfaces with strong visual identity: quiet white chrome, precise SaaS surfaces, soft glow, control-panel light chassis, and airy component galleries. USE FOR: bright applications, clean dashboards, SaaS pages, productivity tools, documentation, approachable product surfaces. D…
Opinionated, evolving constraints to guide agents when building interfaces
Here are some best practices and rules to follow for creating a high-quality, mobile-first web app with excellent UI/UX using Tailwind, React, and Firebase:
Welcome! This document serves as the operational guide and directory for developers and AI coding agents working on the Project NANDA website. It details the project architecture, design system, key routing folders, and coding conventions.