Figma Implement Design
openai
Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
26.1KGitHub
OPENAGENTSKILL / DIRECTORY
AI Agent Skills
Find a skill for your next task. Explore tools for Codex, Claude Code, Cursor and more.
Results · “ui-components”
49–64 / 352
More filters · 1
Candidates in this shortlist, not the full registry. GitHub stars belong to repositories, not individual skills.
Results: 352
Arco Design
arco-design
A comprehensive React UI components library based on Arco Design
DesignSkill source unconfirmed
5.7KGitHub
Animation Vocabulary
emilkowalski
Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iO…
16.5KGitHub
9.2KGitHub
Gestalt
A set of React UI components that supports Pinterest’s design language
DesignSkill source unconfirmed
4.4KGitHub
Chakra Ui
chakra-ui
Chakra UI is a component system for building SaaS products with speed ⚡️
DesignSkill source unconfirmed
40.4KGitHub
System Design Primer
donnemartin
Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
DesignSkill source unconfirmed
353.4KGitHub
Graphite
GraphiteEditor
Community-built comprehensive 2D content creation appplication for graphic design, digital art, and interactive real-time motion graphics powered by a node-based procedu…
DesignSkill source unconfirmed
26.3KGitHub
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
P5.Js
processing
p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on t…
DesignSkill source unconfirmed
23.7KGitHub
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
Story To Handdrawn Video
gnipbao
Agent skill: convert Chinese story copy or ordered images into a hand-drawn diary-comic animation (silent MP4 picture track).
1.8KGitHub
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
Shuohao Skills
eternityspring
AI 短剧制作的 skill 集合：拆角色、排大纲、出场景与道具设定、写剧本、切分镜 | Agent skills for AI short-drama production — character bibles, adaptation outlines, art bibles, screenplays, storyboards. Ru…
1.6KGitHub
vercel-react-best-practices
CherryHQ
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to en…
50.9KGitHub
Css
primer
Primer is GitHub's design system. This is the CSS implementation
DesignSkill source unconfirmed
13KGitHub