jaimejunr/claude-code-frontend-skills
42 instruction files for AI agents, collected from jaimejunr/claude-code-frontend-skills. Install any of them at an exact version with mdr add jaimejunr/claude-code-frontend-skills/<name>.
design-mobile-apps SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/design-mobile-apps/skills/design-mobile-apps/SKILL.md · Use ONLY when the user asks to design mobile app screens with Sleek, edit a Sleek project, or implement a Sleek design…
git:20261023.c1c534a · audit A · 3 stars
animate SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/animate/SKILL.md · Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it…
git:20260926.5e88edf · audit A · 3 stars
animation-vocabulary SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/animation-vocabulary/SKILL.md · Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the…
git:20260926.5e88edf · audit A · 3 stars
apple-design SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/apple-design/SKILL.md · Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing…
git:20260926.5e88edf · audit A · 3 stars
ask-sonner SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/ask-sonner/SKILL.md · Guide to Sonner, the React toast library — install and wire up the Toaster, pick the right toast() call, promise and…
git:20260926.5e88edf · audit A · 3 stars
emil-design-eng SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/emil-design-eng/SKILL.md · This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible…
git:20260926.5e88edf · audit A · 3 stars
find-animation-opportunities SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/find-animation-opportunities/SKILL.md · Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it…
git:20260926.5e88edf · audit B · 3 stars
improve-animations SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/improve-animations/SKILL.md · Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and…
git:20260926.5e88edf · audit B · 3 stars
mobile-native SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/mobile-native/SKILL.md · Make a web app feel native on a phone — the small CSS and meta-tag fixes that separate "a website in a browser" from…
git:20260926.5e88edf · audit A · 3 stars
pick-ui-library SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/pick-ui-library/SKILL.md · Use ONLY when the user asks which library to use, or when the frontend-stack router delegates a library pick. Picks the…
git:20261004.e37b84a · audit A · 3 stars
prototype SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/prototype/SKILL.md · Use ONLY when the user explicitly asks for several versions of a UI piece to compare, or when the frontend-stack router…
git:20261010.12d6357 · audit A · 3 stars
review-animations SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/emil-design-eng/skills/review-animations/SKILL.md · Use ONLY when the user asks to review motion, or when the frontend-stack router or ui-reviewer agent delegates a motion…
git:20261004.e37b84a · audit A · 3 stars
animate-expo SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/emil-native/skills/animate-expo/SKILL.md · Build animations in React Native and Expo, making the decisions in the order that determines whether they feel right —…
git:20260926.5e88edf · audit A · 3 stars
write-swift SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/emil-native/skills/write-swift/SKILL.md · How to write modern Swift well — modeling with value types, Swift 6 data-race safety and approachable concurrency…
git:20260926.5e88edf · audit A · 3 stars
frontend-design SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/frontend-design/skills/frontend-design/SKILL.md · Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with…
git:20260926.5e88edf · audit A · 3 stars
frontend-stack SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/frontend-stack/skills/frontend-stack/SKILL.md · Router for the frontend design stack. Use at the start of any frontend UI task (build a page or component, redesign or…
git:20261023.8a6f902 · audit A · 3 stars
hallmark SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/hallmark/skills/hallmark/SKILL.md · Design skill for websites and new pages that look designed, not generated. Use when the user asks to build or design…
v2.0.0 · audit A · 3 stars
hyperframes-cli SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/hyperframes/skills/hyperframes-cli/SKILL.md · The HyperFrames CLI by job - scaffold, check, look at frames, edit the timeline, preview, render locally or in the…
git:20261023.c1c534a · audit A · 3 stars
hyperframes-registry SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/hyperframes/skills/hyperframes-registry/SKILL.md · About 450 ready-made HyperFrames blocks and components installed as editable source - transitions, overlays, titles…
git:20261023.c1c534a · audit A · 3 stars
hyperframes SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/hyperframes/skills/hyperframes/SKILL.md · Read first to make, edit, animate or render any video with HyperFrames (HTML rendered to video), including launch…
git:20261023.c1c534a · audit A · 3 stars
media-use SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/hyperframes/skills/media-use/SKILL.md · Get or make any media for a HyperFrames video - music, sound effects, images, icons, logos, voiceover, avatar and…
git:20261023.c1c534a · audit A · 3 stars
impeccable SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/impeccable/skills/impeccable/SKILL.md · Impeccable design commands for frontend interfaces: plan UX before code (shape), critique, audit, polish, harden…
v4.5.0 · audit A · 3 stars
industrial-brutalist-ui SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/taste-classics/skills/brutalist-skill/SKILL.md · Classic style skill, opt-in: it runs only when called by name. A hard mechanical look with Swiss type, rigid grids…
git:20261023.8a6f902 · audit A · 3 stars
minimalist-ui SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/taste-classics/skills/minimalist-skill/SKILL.md · Classic style skill, opt-in: it runs only when called by name. Editorial product UI with a warm monochrome palette…
git:20261023.8a6f902 · audit A · 3 stars
high-end-visual-design SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/taste-classics/skills/soft-skill/SKILL.md · Classic style skill, opt-in: it runs only when called by name. A calm, polished look with soft contrast, generous…
git:20261023.8a6f902 · audit A · 3 stars
DESIGN.md@plugins/taste-classics/skills/stitch-skill DESIGN.md file
jaimejunr/claude-code-frontend-skills · plugins/taste-classics/skills/stitch-skill/DESIGN.md
git:20261023.8a6f902 · audit A · 3 stars
stitch-design-taste SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/taste-classics/skills/stitch-skill/SKILL.md · Classic skill for Google Stitch, opt-in: it runs only when called by name. Writes an agent-friendly DESIGN.md with…
git:20261023.8a6f902 · audit A · 3 stars
brandkit SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/taste-imagegen/skills/brandkit/SKILL.md · Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks…
git:20261023.8a6f902 · audit A · 3 stars
image-to-code SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/taste-imagegen/skills/image-to-code/SKILL.md · Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design…
git:20261023.8a6f902 · audit A · 3 stars
imagegen-frontend-mobile SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/taste-imagegen/skills/imagegen-frontend-mobile/SKILL.md · Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS…
git:20260926.5e88edf · audit A · 3 stars
imagegen-frontend-web SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/taste-imagegen/skills/imagegen-frontend-web/SKILL.md · Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL…
git:20260926.5e88edf · audit A · 3 stars
design-taste-frontend SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/taste/skills/taste-skill/SKILL.md · tasteskill v2, the anti-slop frontend skill. Art direction for websites, distilled from a study of 247 curated gallery…
git:20261023.8a6f902 · audit A · 3 stars
banner-design SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/ui-ux-pro-max/.claude/skills/banner-design/SKILL.md · Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with…
v1.0.0 · audit A · 3 stars
brand SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/ui-ux-pro-max/.claude/skills/brand/SKILL.md · Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content…
v1.0.0 · audit A · 3 stars
design-system SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/ui-ux-pro-max/.claude/skills/design-system/SKILL.md · Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component)…
v1.0.0 · audit B · 3 stars
design SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/ui-ux-pro-max/.claude/skills/design/SKILL.md · Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini, Atlas Cloud…
v2.1.0 · audit A · 3 stars
slides SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/ui-ux-pro-max/.claude/skills/slides/SKILL.md · Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and…
v1.0.0 · audit A · 3 stars
ui-styling SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/ui-ux-pro-max/.claude/skills/ui-styling/SKILL.md · Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS…
v1.0.0 · audit A · 3 stars
ui-ux-pro-max SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/ui-ux-pro-max/.claude/skills/ui-ux-pro-max/SKILL.md · UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing…
git:20260926.5e88edf · audit A · 3 stars
research-synthesis SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/ux-research/skills/research-synthesis/SKILL.md · Synthesize user research into themes, insights, and recommendations. Use when you have interview transcripts, survey…
git:20261010.f779ed6 · audit A · 3 stars
user-research SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/ux-research/skills/user-research/SKILL.md · Plan, conduct, and synthesize user research. Trigger with "user research plan", "interview guide", "usability test"…
git:20261010.f779ed6 · audit A · 3 stars
ux-copy SKILL.md skill
jaimejunr/claude-code-frontend-skills · plugins/ux-research/skills/ux-copy/SKILL.md · Write or review UX copy — microcopy, error messages, empty states, CTAs. Trigger with "write copy for", "what should…
git:20261010.f779ed6 · audit A · 3 stars
Source
github.com/jaimejunr/claude-code-frontend-skills · 3 stars · license NOASSERTION · pushed 2026-11-02