Skills / Category
Frontend
6,346 skills
Showing 73–96 of 6,346
- 0.831score
figma-generate-library
figmaOfficial
Build or update a professional-grade design system in Figma from a codebase.
SkillAFreshness: A★ 2.1KClaude Code +9 - 0.831score
isometric-motion
dzhng
Build animations and interactive elements (explainers, figures, hero visuals, step-through walkthroughs) in the crafted isometric "Anatomy" style, with many…
SkillAFreshness: A★ 1.4KClaude Code +9 - 0.828score
openfilm
openfilm
Make videos as web pages with OpenFilm.
SkillAFreshness: A★ 2.6KClaude Code +9 - 0.828score
component-management
zylos-ai
Guidelines for managing zylos components via CLI and C4 channels.
SkillAFreshness: A★ 1.2KClaude Code +9 - 0.828score
big-pics-little-words
plannotator
Explain the current subject in HTML with large visuals and minimal text while preserving key details.
SkillAFreshness: A★ 3.7KClaude Code +9 - 0.827score
learn-from-materials
dmoshehun-prog
Turn books, PDFs, slides, documents, web pages and text into a source-grounded knowledge base, interactive learning HTML and Markdown in English or Chinese.
SkillAFreshness: A★ 1.1KClaude Code +9 - 0.827score
triage-frontend-issues
getsentryOfficial
Triage new issues in the Sentry `javascript` project by archiving non-actionable noise.
SkillAFreshness: A★ 1.1KClaude Code +9 - 0.825score
figma-code-workflows
figmaOfficial
Import or upload local HTML or project files into Figma, choose editable Design frames, runnable Code Layers or standalone Code (also known as Make), and…
SkillAFreshness: A★ 2.1KClaude Code +9 - 0.825score
brainstorming
GanyuanRan
Use when defining ambiguous or high-complexity new features, product behavior, UI/component design, architecture choices, contract changes, or when…
SkillAFreshness: A★ 1.4KClaude Code +9 - 0.825score
write-spec
dzhng
Break large features into independently verifiable, human-reviewable slices under a feature directory in specs/.
SkillAFreshness: A★ 1.4KClaude Code +9 - 0.824score
ui_design
razzant
Design or change anything people look at (app UI, widget, mockup, HTML page or report, chart, icon) so it fits the existing system, uses real content and…
SkillAFreshness: A★ 1.6KClaude Code +9 - 0.824score
vercel-optimize
vercel-labsOfficial
Use for Vercel cost and performance optimization on deployed projects, especially Next.js, SvelteKit, Nuxt, and limited Astro apps.
SkillBFreshness: B★ 32.9KClaude Code +9 - 0.821score
seed-component
daangn
SEED 컴포넌트의 경로 조회·React·Lynx API 비교, 신규·포팅·기존 구현 변경, React·Lynx 문서·예제 작성, 또는 컴포넌트와 무관한 색상 토큰의 지도·WCAG 대비 조사를 할 때 사용한다.
SkillAFreshness: A★ 1.2KClaude Code +9 - 0.821score
shadcn-ui-mcp
Jpisnice
shadcn/ui component context and usage from Codex via MCP
SkillAFreshness: A★ 3.1KClaude Code +9 - 0.820score
defuddle
kepano
Extract clean Markdown from HTML pages with Defuddle CLI.
SkillBFreshness: B★ 50KClaude Code +9 - 0.819score
fine-mapping
ClawBio
Statistical fine-mapping of GWAS loci using SuSiE, SuSiE-inf, and Approximate Bayes Factors to identify credible sets and posterior inclusion probabilities…
SkillAFreshness: A★ 1.2KClaude Code +9 - 0.819score
angular-developer
Copyright 2026 Google LLC
Generates Angular code and provides architectural guidance.
SkillAFreshness: A★ 695Claude Code +9 - 0.818score
seed-migrate-component-docs-from-figma
daangn
Figma 문서 레이어에서 SEED 컴포넌트 가이드 MDX와 이미지를 만들거나 갱신할 때 사용한다.
SkillAFreshness: A★ 1.2KClaude Code +9 - 0.818score
seed-orchestrate-component
daangn
SEED 컴포넌트 작업을 여러 에이전트로 나누거나 레이어 사이의 구현 계약과 검증을 조율할 때 사용한다.
SkillAFreshness: A★ 1.2KClaude Code +9 - 0.818score
seed-verify-lynx-component
daangn
Lynx 컴포넌트의 문서·예제·런타임 결과를 환경별로 검증할 때 사용한다.
SkillAFreshness: A★ 1.2KClaude Code +9 - 0.817score
visual-explainer
nicobailon
Generate self-contained HTML visual explanations for systems, code changes, plans, data, and technical concepts.
SkillAFreshness: A★ 784Claude Code +9 - 0.815score
basic-syntax
trezor
If-else formatting, spacing, function parameters, and conditional rendering rules for the Trezor Suite codebase.
SkillAFreshness: A★ 1.1KClaude Code +9 - 0.815score
components
trezor
React component file structure and patterns for Trezor Suite.
SkillAFreshness: A★ 1.1KClaude Code +9 - 0.815score
idb-migrations
trezor
How to create and implement IndexedDB storage migrations in the Trezor Suite web app.
SkillAFreshness: A★ 1.1KClaude Code +9