Free
Web & UI
Impeccable
Impeccable is an AI frontend design Skill for building and refining interfaces: typography, layout, accessibility, responsive behavior and browser iteration.
108.6KStars6.5KForks
Repository last pushed
pbakaus
Frontend Development Skills for Claude Code, Codex & AI Agents
These skills help an agent build and maintain web frontends. They span React and Vue practices, CSS tools like UnoCSS, component libraries like Chakra UI and shadcn/ui, and component checks.
92 skillsStart here
Presentations
Frontend Slides
Create animated HTML presentations with a coding agent. Compare visual style previews, build a single-file deck, or turn an existing PowerPoint into web slides.
32.3KStars2.5KForks
Repository last pushed
Zara Zhang (zarazhangrui)
Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.
11.1KStars529Forks
Repository last pushed
Free
Documents
Markdown to HTML
Convert Markdown into styled, WeChat-compatible HTML with support for code, math and diagrams.
27.5KStars3KForks
Repository last pushed
Jim Liu (宝玉)
Explore Frontend Development skills
88 skills
Free
Web & UI
Variant: UI Alternatives
Build multiple component variants in the real page and compare their tradeoffs.
12.1KStars468Forks
Repository last pushed
Jakub Krehel
Audit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions "my UI looks off" (or amateur/unprofessional), "fix the design", "Tailwind styling", "color palette", "visual hierarchy", "design system", "spacing scale", or "component styling". Also trigger when building consistent design tokens, creating dark mode themes, improving data-visualization clarity, or polishing UI details before launch. Covers grayscale-first workflow, constrained design scales, shadows, and component styling. For typeface selection, see web-typography. For usability audits, see ux-heuristics.
2.7KStars266Forks
Repository last pushed
Scan React projects for correctness, accessibility, security, architecture and performance findings; triage and fix issues with the upstream workflow.
15.1KStars499Forks
Repository last pushed
Work with Pinia stores, reactive state and store setup.
3.3KStars198Forks
Repository last pushed
Implement an interface from a screenshot or mockup and compare the rendered result with the reference.
96Stars13Forks
Repository last pushed
Web & UI
Anatomy
Turn technical concepts into interactive isometric machines: detailed SVG illustrations, WebGL effects and optional 3D motion, as HTML, SVG or React components.
26.8KStars2.3KForks
Repository last pushed
wheresryan22
Use Vue JSX and understand syntax differences from React JSX.
3.3KStars198Forks
Repository last pushed
Free
Web & UI
Break: Component Stress Test
Render a chosen component in a temporary page under relevant stress scenarios.
12.1KStars468Forks
Repository last pushed
Jakub Krehel
Free
Web & UI
State Machine: Component States
Render a component’s states on a temporary page with mock data and a switcher.
12.1KStars468Forks
Repository last pushed
Jakub Krehel
Configure UnoCSS presets, utility rules and shortcuts in a web project.
6.1KStars343Forks
Repository last pushed
Free
Web & UI
Chakra UI Migration
Upgrade Chakra UI v2 projects to v3 across packages, providers, components, and theming.
40.7KStars3.6KForks
Repository last pushed
chakra-ui
Design Vue tests with Vitest, Vue Test Utils and Playwright guidance.
3.3KStars198Forks
Repository last pushed
Install and update vendored Oxlint plugins that detect unwanted AI coding patterns while preserving a project's local rule customizations.
6.1KStars169Forks
Repository last pushed
Free
Web & UI
AI Website Cloner Template
Rebuild reference websites as editable Next.js pages with an AI coding agent. Inspect responsive layouts, assets and interactions, then compare the result with the source.
39.1KStars5.8KForks
Repository last pushed
JCodesMore
Free
Presentations
Guizang PPT Skill
Create single-file HTML presentations in editorial magazine or Swiss style, with horizontal navigation, speaker notes, rehearsal timers and a synchronized audience window.
29.7KStars2KForks
Repository last pushed
Guizang (歸藏 / op7418)
React Doctor workflows for scanning React code, planning fixes, inspecting Three.js and measuring runtime performance.
15.1KStars499Forks
Repository last pushed
development skill for Claude AI. Grade A. You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or planning anything new, in software or out of it (a talk, a business, a renovation).
317.3KStars28.2KForks
Repository last pushed
Free
Web & UI
Archify: Diagram Creation
Create explorable HTML diagrams for architectures, workflows, state, schemas, timelines and everyday plans.
95.8KStars6.5KForks
Repository last pushed
tt-a1i
Configure or migrate JavaScript and TypeScript linting with ESLint 9 flat config and neostandard.
2KStars146Forks
Repository last pushed
Search for existing JavaScript and TypeScript symbols before adding potentially duplicate code.
15.1KStars499Forks
Repository last pushed
Community Vue 3 workflows covering components, state, routing, testing and debugging.
3.3KStars198Forks
Repository last pushed
Apply Vue 3 component, reactivity and SSR guidance in a Vue project.
3.3KStars198Forks
Repository last pushed
Diagnose Vue runtime warnings, reactivity issues and SSR hydration problems.
3.3KStars198Forks
Repository last pushed
Free
Web & UI
Frontend Design
Build distinctive web interfaces with content-informed typography, composition and visual direction.
193.4KStars22.8KForks
Repository last pushed
Anthropic
Free
Web & UI
Build Design
Implement UI from Figma or an image with the project’s existing components and tokens.
12.1KStars468Forks
Repository last pushed
Jakub Krehel
Free
Web & UI14 skills
Interfaces Skills
A collection of 14 agent skills for interface reviews, UI implementation, component testing and technical illustration.
12.1KStars468Forks
Repository last pushed
Jakub Krehel
Free
Video & Motion
Browser Video Producer
Produce browser-route hand-drawn and picturebook videos from an approved plan and reviewed media.
7.5KStars885Forks
Repository last pushed
yang0
Create reports, invoices and other PDFs with React components, reusable layouts, SVG graphics and controlled page breaks.
170Stars11Forks
Repository last pushed
Polish frontend interfaces with concrete rules for typography, nested corners, shadows, icons, hit areas and restrained motion, plus structured quick or full reviews.
4KStars169Forks
Repository last pushed
Free
Web & UI
React Admin
Build and troubleshoot react-admin applications, resources, forms, authentication, and data providers.
27KStars5.5KForks
Repository last pushed
marmelab
Use for UI design and implementation work to avoid generic AI-looking interfaces. Provides anti-slop rules, a required discovery phase before coding, and guidance for layout, typography, color, motion, accessibility, dashboards, tables, landing pages, theming, and polish. Trigger when editing UI code or reviewing and refining components, pages, screens, layouts, animations, responsive behavior, or design systems.
459Stars24Forks
Repository last pushed
Free
Web & UI
Chakra UI Builder
Build responsive Chakra UI v3 components, page layouts, providers, and reusable themes.
40.7KStars3.6KForks
Repository last pushed
chakra-ui
code-quality skill for Claude AI. Grade A. TypeScript standards and best practices with modern tooling. Use when working with TypeScript or TypeScript React files.
22Stars1Forks
Repository last pushed
Work with Vite configuration, plugins, server-side rendering and library builds.
6.1KStars343Forks
Repository last pushed
Use Vue component, reactivity and Composition API references.
6.1KStars343Forks
Repository last pushed
Free
Development & APIs
Voyager Plugin Engineering
Create or modify Voyager declarative plugins, site adapters and native primitives.
20.6KStars698Forks
Repository last pushed
voyager-crew
Review Vue Router navigation, route parameters and component lifecycle patterns.
3.3KStars198Forks
Repository last pushed
Free
Web & UI
Taste Skill
Art direction for AI-built websites and app screens, with real imagery, separate page and app workflows, and browser inspection. The main entry is design-taste-frontend.
113.9KStars7.7KForks
Repository last pushed
Leonxlnx
Audit Three.js and React Three Fiber applications for frame-loop, GPU resource and visual problems.
15.1KStars499Forks
Repository last pushed
Create component-based HTML emails with React Email, reusable layout and styling, local previews, and rendered output for a sending provider.
212Stars34Forks
Repository last pushed
Free
Web & UI
React Admin Internationalization
Internationalize react-admin applications with translation namespaces, interpolation, and pluralization.
27KStars5.5KForks
Repository last pushed
marmelab
Free
Development & APIs
Voyager Chat Interface Plugins
Write and validate JSON and CSS plugins that customize supported AI chat interfaces in Voyager.
20.6KStars698Forks
Repository last pushed
voyager-crew
Consult Nuxt references for routing, server handlers and rendering.
6.1KStars343Forks
Repository last pushed
Add suitable Suspense boundaries to Sanity Studio custom form components.
197Stars31Forks
Repository last pushed
Related topics
How to choose Frontend Development skills
Pick React or Vue skills first, then add styling or component-library skills that match your stack.
- Follow Vue or React best practices in a new feature
- Migrate a component library to a new version
- Handle loading, error and empty UI states