Search

Find skills by name, source, slug, or description across the full catalog.

Feature your product here Catalog & search unit · reach builders installing agent skills View pricing →

11,639 results for “frontend-design” · page 34

#
Skill
Source
Installs
1651
-delivery-env-management site/smithery.ai/-delivery-env-management Standardized guidelines and patterns for Delivery Env Management.
smithery.ai
1
1652
-modern site/smithery.ai/-modern Apply when working with modern frameworks including React, Vue, Next.js, and TypeScript
smithery.ai
1
1653
-patterns devenkhatri/everything-claude-code/-patterns development patterns for React, Next.js, state management, performance optimization, and UI best practices.
devenkhatri/everything-claude-code
1
1654
-patterns hubeiqiao/skills/-patterns development patterns for React, Next.js, state management, performance optimization, and UI best practices.
hubeiqiao/skills
1
1655
-react-performance-optimization site/smithery.ai/-react-performance-optimization Standardized guidelines and patterns for React Performance Optimization.
smithery.ai
1
1656
-tailwind-best-practices site/smithery.ai/-tailwind-best-practices Tailwind CSS patterns and conventions for apps. Use when writing component styles, layouts, or working with …
smithery.ai
1
1657
-tdd site/smithery.ai/-tdd 프론트엔드(blog-)에 TDD(Test-Driven Development) 방식으로 기능을 구현합니다. 새로운 기능 개발, 버그 수정, 리…
smithery.ai
1
1658
-testing-best-practices site/smithery.ai/-testing-best-practices Testing best practices for the . Emphasizes E2E tests over unit tests, minimal mocking, and testing behavior …
smithery.ai
1
1659
fullstack-template-generator site/smithery.ai/fullstack-template-generator Generates a complete fullstack application template with Python FastAPI backend and React Vite .
smithery.ai
1
1660
grading- jackwener/group-workshop/grading- Grade a team's implementation against its spec on 10 weighted dimensions, producing a markdown report + JSON…
jackwener/group-workshop
1
1661
hula-skill site/smithery.ai/hula-skill HuLa project skill for (Vue 3 + Vite + UnoCSS + Naive UI/Vant), backend (Tauri v2 + Rust + SeaORM/SQLite), f…
smithery.ai
1
1662
React Development site/smithery.ai/react--development Build React components with TypeScript, Tailwind CSS, and React Query for the Medellin Spark platform.
smithery.ai
1
1663
react-best-practices prisma-labs-dev/-skills/react-best-practices React and performance optimization guidelines.
prisma-labs-dev/-skills
1
1664
setup--testing site/smithery.ai/setup--testing Configures the testing stack for a React/Vite project (Vitest, RTL, MSW). for E2E setup, use 'setup-e2e-test…
smithery.ai
1
1665
testing- site/smithery.ai/testing- Use when writing component tests, testing user interactions, mocking APIs, or setting up Vitest/React Testing Library…
smithery.ai
1
1666
vendix--routing site/smithery.ai/vendix--routing Angular web routing patterns, dynamic app routes, public/private route files, guards, and lazy loading.
smithery.ai
1
1667
vendix--state site/smithery.ai/vendix--state Vendix state patterns: NgRx facades with signal parallels, toSignal with initialValue, local signal state, t…
smithery.ai
1
1668
vendix--sticky-header site/smithery.ai/vendix--sticky-header Reusable sticky header pattern for Vendix form/detail pages. Trigger: When implementing sticky headers, page-level sa…
smithery.ai
1
1669
web- site/smithery.ai/web- Guidelines for building minimal, professional, and concise components in the /web project using TypeScript, …
smithery.ai
1
1670
ck:ui-ux-pro-max binjuhor/shadcn-lar/ui-ux-pro-max UI/UX intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product …
binjuhor/shadcn-lar
223
1671
motion- lobzyjay/motion--with-claude/motion- Use this skill whenever motion, animation, timing, easing, or composition over time is the subject. Triggers on "anim…
lobzyjay/motion--with-claude
222
1672
generate-ui-from-brand dembrandt/dembrandt-skills/generate-ui-from-brand Pipeline skill — turns a URL or .md into a concrete UI structure with decisions already made.
dembrandt/dembrandt-skills
623
1673
canvas- dawiddutoit/custom-claude/canvas- Creates visual philosophies and expresses them as static art in PNG and PDF formats using composition, color t…
dawiddutoit/custom-claude
9
1674
-qa plugin87/ux-ui-agent-skills/-qa Set up or run QA gates — token + hardcoded-value lint, automated a11y (axe), contrast, visual regression acros…
plugin87/ux-ui-agent-skills
218
1675
make-interfaces-feel-better poteto/noodle/make-interfaces-feel-better engineering principles for making interfaces feel polished.
poteto/noodle
62
1676
interaction- cuellarfr/-skills/interaction- meaningful interactions, microinteractions, animations, state machines, gesture patterns, error prevention, an…
cuellarfr/-skills
211
1677
ui-ux--advisor smithery/ketanswebsite/ui-ux--advisor Analyzes existing project structure and system, then provides contextually relevant UI/UX options with …
smithery/ketanswebsite
0
1678
-slides xu-xiang/everything-claude-code-zh/-slides 从头开始创建令人惊叹、动画丰富的 HTML 演示文稿,或通过转换 PowerPoint 文件生成。当用户想要构建演示文稿、将 PPT/PPTX …
xu-xiang/everything-claude-code-zh
49
1679
cover- sugarforever/01coder-agent-skills/cover- typography-driven video cover images using HTML/CSS + Chrome DevTools screenshot.
sugarforever/01coder-agent-skills
206
1680
seed- daangn/seed-/seed- SEED 통합 가이드. 공통 컴포넌트 스펙과 파운데이?
daangn/seed-
573
1681
-doc-review-loop eho/agent-skills/-doc-review-loop Coordinate independent review and focused revision of an existing doc until mechanical validation passes and n…
eho/agent-skills
25
1682
service-decomposition proyecto26/system--skills/service-decomposition This skill should be used when the user asks "monolith vs microservices", how to "split into services", set "service …
proyecto26/system--skills
202
1683
image-optimization igorvaryvoda/image-optimization-skill/image-optimization Expert guidance on image optimization for web performance. Use when auditing or improving image delivery, Core Web Vi…
igorvaryvoda/image-optimization-skill
47
1684
course-outline- kevintsai1202/teaching-site-skills/course-outline- Use this skill when starting a new course / workshop / training program and you need to its outline before any…
kevintsai1202/teaching-site-skills
71
1685
-ui-animator julianromli/opencode-template/-ui-animator Analyze and implement purposeful UI animations for Next.js + Tailwind + React projects.
julianromli/opencode-template
16
1686
ui-ux-pro-max doccker/cc-use-exp/ui-ux-pro-max 专业级 UI/UX 设计规范,需要高质量界面设计时手动触发或描述"设计感/专业UI"时自动触发。覆盖视觉层次、?
doccker/cc-use-exp
16
1687
level- pluginagentmarketplace/custom-plugin-game-developer/level- Level fundamentals, pacing, difficulty progression, environmental storytelling, and spatial for engagin…
pluginagentmarketplace/custom-plugin-game-developer
541
1688
hig-foundations raintree-technology/hig-doctor/hig-foundations >- Apple Human Interface Guidelines foundations. Use this skill when the user asks about "HIG color", "Apple t…
raintree-technology/hig-doctor
538
1689
sd educlopez/ui-craft/sd Full spec-driven pipeline — walks brief → tokens → shape (spec) → craft (build) → converge → ship in one guided run.
educlopez/ui-craft
438
1690
shadcn-component-review mattbx/shadcn-skills/shadcn-component-review Review custom components and layouts against shadcn patterns, visual style conventions (Vega, Nova, Maia, Lyra…
mattbx/shadcn-skills
537
1691
code-review llama-farm/llamafarm/code-review Comprehensive code review for diffs. Analyzes changed code for security vulnerabilities, anti-patterns, and quality i…
llama-farm/llamafarm
1.2K
1692
novita--skill novitalabs/novita-skills/novita--skill Public-safe Novita AI brand skill for creating or reviewing Novita-style visual work.
novitalabs/novita-skills
6
1693
stitch--md full-stack-skills/stitch-skills/stitch--md Analyze Stitch projects and synthesize a semantic system into .md.
full-stack-skills/stitch-skills
23
1694
startup- ferdinandobons/startup-skill/startup- , validate, and plan a startup from scratch. Covers market research, competitive analysis, business model, bran…
ferdinandobons/startup-skill
522
1695
-system-creation aj-geddes/useful-ai-prompts/-system-creation Build comprehensive systems with components, patterns, and guidelines. Enable consistent , faster develo…
aj-geddes/useful-ai-prompts
521
1696
tool--sprint-prototype-plan product-on-purpose/pm-skills/tool--sprint-prototype-plan Day 4 (Thursday) move of a Sprint that produces the planning artifact for the day. Output covers the prototype…
product-on-purpose/pm-skills
521
1697
tool--sprint-decide-and-storyboard product-on-purpose/pm-skills/tool--sprint-decide-and-storyboard Day 3 (Wednesday) move of a Sprint that runs the art museum layout, heat map, speed critique, straw poll, Deci…
product-on-purpose/pm-skills
520
1698
tool--sprint-test-and-score product-on-purpose/pm-skills/tool--sprint-test-and-score Day 5 (Friday) sprint-closing move of a Sprint that produces the bundled Friday artifact covering per-customer…
product-on-purpose/pm-skills
519
1699
component-refactoring langflow-ai/langflow/component-refactoring Refactor high-complexity React components in Langflow .
langflow-ai/langflow
43
1700
-master lyfe2025/lyfes-coding-skills/-master 高质量前端设计与实现的统一?
lyfe2025/lyfes-coding-skills
43