Design & front-end skills

Enforce WCAG 2.2 AA compliance with semantic HTML, ARIA roles, keyboard navigation, and color contrast standards for web UIs. Use when building interactive components, adding form labels, fixing focus traps, or auditing…

Apply REST API conventions — HTTP semantics, status codes, versioning, pagination, and OpenAPI standards for any framework. Use when designing endpoints, choosing HTTP methods, implementing pagination, or writing…

Enforce universal mobile UX principles for touch-first interfaces including touch targets, safe areas, and mobile-specific interaction patterns. Use when building mobile screens, handling touch interactions, or…

A collection of Agent Skills Standard and Best Practice for Programming Languages, Frameworks that help our AI Agent follow best practies on frameworks and programming laguages

Design distinctive, production-grade frontend UI with bold aesthetic choices. Use when building web components, pages, interfaces, dashboards, or applications in any framework (React, Next.js, Angular, Vue, HTML/CSS).

Turn an approved PRD or implementation goal into SRS/FRS technical requirements (How), architecture, contracts, and verification decisions.

Enforce Design Language System adherence in Flutter. Use when implementing design tokens, preventing hardcoded colors/spacing, or building a DLS.

Enforce design token usage in SwiftUI apps using iOS Human Interface Guidelines. Use when implementing design tokens, colors, or typography in SwiftUI.

Implement UIKit navigation, Auto Layout, and Apple Human Interface Guidelines in iOS. Use when implementing UIKit navigation, Auto Layout constraints, or HIG compliance.

🌳 AI-Powered Skill Tree for Lifelong Human Learning. 30+ skills from K-12 to career & social intelligence, built on cognitive science. | 人类养成记:AI 驱动的终身学习技能树

Adaptive, evidence-based UX/UI audit and safe improvement for any website or app. Classifies each surface first (user goal, business goal, audience, environment, risk, device, language), then applies only the matching…

Creates one printable monthly habit tracker page as a clean, print-ready vector PDF (US Letter) - a custom title, the chosen month and year with real weekday headers and shaded weekends, up to 20 named habits with a…

Implement motion graphics as editable code using the available project stack and render a verifiable preview. Use for programmatic animations in web, SVG, canvas, Python, or an existing video-rendering framework.

Create or refine editorial-style pages and reusable UI interactions inspired by Anthropic's content hierarchy. Use for reading, research reports, dashboards, lists, Agent tasks and settings when this editorial style is…

Senior Frontend & Design Engineer skill for React 19, Next.js & Vite. Crafts non-AI-slop interfaces, B2B cockpit high-density dashboards, Tailwind CSS v4 (@theme) & shadcn/ui integrations, compound components, optical…

Audit a video game project in a mid-to-late development stage (code, scenes, visual and audio assets, docs, screenshots, playtest notes) to find design flaws and missed opportunities in game feel, key moments, pacing,…

创建、改造或评审浅灰纸底与细微纹理、左上白高光和右下灰柔影、浮起圆角 Card、紧凑胶囊按钮、内凹输入与 Tabbar 构成的柔和拟物 Web 界面,并支持保持相同凸起与凹槽光照关系的黑色风格,包含 shadcn-vue 组件目录、刻度控件、ECharts、动态关系与星空、柔焦园区雷达、Hairline 空状态插图、Vue Flow / ComfyUI 格式工作流及 Vue…

Discover, compare, and integrate open-source UI libraries, components, templates, and design references into web interfaces. Use when a user asks for UI inspiration, a reusable component strategy, a UI stack comparison,…

Takes a screen, page or feature from briefing to production with approval gates: briefing and assumptions, design system first, a quick HTML prototype to validate understanding, the build in the project's stack, a pull…

Product content designer for UI copy. Use when writing, reviewing, or auditing user-facing text: button labels, error messages, tooltips, empty states, modal copy, placeholder text, confirmation dialogs, onboarding…

380 Claude Code skills & agent skills & plugins (30+ Agents, 70+ custom commands, 380+ skills, customizable references, scripts)for Claude Code, Codex, Gemini CLI, Cursor, and 8 more coding agents — engineering,…

380 Claude Code skills & agent skills & plugins (30+ Agents, 70+ custom commands, 380+ skills, customizable references, scripts)for Claude Code, Codex, Gemini CLI, Cursor, and 8 more coding agents — engineering,…

380 Claude Code skills & agent skills & plugins (30+ Agents, 70+ custom commands, 380+ skills, customizable references, scripts)for Claude Code, Codex, Gemini CLI, Cursor, and 8 more coding agents — engineering,…

380 Claude Code skills & agent skills & plugins (30+ Agents, 70+ custom commands, 380+ skills, customizable references, scripts)for Claude Code, Codex, Gemini CLI, Cursor, and 8 more coding agents — engineering,…