Frontend Design
anthropics
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
175.1KGitHub
OPENAGENTSKILL / DIRECTORY
AI Agent Skills
Find a skill for your next task. Explore tools for Codex, Claude Code, Cursor and more.
Results · “micro-frontend”
1–16 / 16
More filters · 1
Candidates in this shortlist, not the full registry. GitHub stars belong to repositories, not individual skills.
Results: 16
Taste Skill: Anti-Slop Frontend
Leonxlnx
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
85.2KGitHub
Micro Agent
BuilderIO
An AI agent that writes (actually useful) code for you
DesignSkill source unconfirmed
4.3KGitHub
frontend-conventions
iflytek
Coding conventions, architecture patterns, and testing rules for the SkillHub React frontend. Ensures agents follow Feature-Sliced Design and use the generated OpenAPI t…
4.9KGitHub
Figma Implement Design
openai
Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
26.1KGitHub
Onlook
onlook-dev
The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI
25.9KGitHub
Review Animations
emilkowalski
Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.
17.6KGitHub
Emil Design Engineering
emilkowalski
This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.
12.9KGitHub
gsap skills
greensock
Official AI skills for GSAP. These skills teach AI coding agents how to correctly use GSAP (GreenSock Animation Platform), including best practices, common animation pat…
9.7KGitHub
Skills
MengTo
Agent skills for designers and builders using Codex, Claude, Cursor, and other AI coding agents
4.8KGitHub
Webgradients
itmeo
180 linear gradients in CSS3, Figma, Sketch and PSD formats — free for personal and commercial use
DesignSkill source unconfirmed
2.5KGitHub
Baklava
Trendyol
Baklava is a design system provided by Trendyol to create a consistent UI/UX for app users.
DesignSkill source unconfirmed
1.4KGitHub
0
vuetifyjs
0️⃣ Composable UI engine for Vue. Build complex interfaces with reusable state, logic, and primitives—without being locked into components or styles.
DesignSkill source unconfirmed
163GitHub
796GitHub
api-and-interface-design
addyosmani
Guides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Use when creating REST or GraphQL endpoints, defining type c…
92.2KGitHub
Cinematic Video Prompt Engineer Skill
CyberJ0605
A Codex skill for turning plot summaries into cinematic AI video prompts. It diagnoses story, emotion, structure, shot design, micro-expressions, sound, reference image…
77GitHub