Skills / Category
Frontend
1,212 skills
Showing 97–120 of 1,212
- 0.701score
legal-diagram
lawve-ai
Use when a user needs a legal or legal-adjacent Mermaid diagram from a document, pasted text, matter description, process, timeline, party map, obligation…
SkillBFreshness: B★ 895Claude Code +9 - 0.699score
migrate-to-rust
googleOfficial
Clones, analyzes, plans, and migrates legacy codebases (C++, Fortran, Java, Python, C, Shell) from a GitHub URL or local directory to a modern…
SkillAFreshness: A★ 21.5KClaude Code +9 - 0.699score
paper-poster-html
wanshuiyin
DEFAULT poster pipeline — build an academic conference poster (ICML/NeurIPS/ICLR/CVPR/...) as a single HTML/CSS file with measurement-driven hard gates, real…
SkillAFreshness: A★ 18KClaude Code - 0.699score
render-html
wanshuiyin
Render an ARIS Markdown / JSON artifact (IDEA_REPORT, AUTO_REVIEW, KILL_ARGUMENT, PAPER_PLAN, research-wiki state, etc.) into a single-file HTML view designed…
SkillAFreshness: A★ 18KClaude Code +9 - 0.689score
bento-slides
sammcj
Use when creating or editing Bento (`.bento.html`) slide decks, including any request for a single-file HTML slide deck.
SkillBFreshness: B★ 167Claude Code +9 - 0.689score
dashmotion
csthink
Create dark-themed, animated technical diagrams as self-contained HTML+SVG files — flowcharts whose connectors visibly flow, and architecture diagrams where…
SkillCFreshness: C★ 180Claude Code +9 - 0.688score
figma-code-connect-components
openaiOfficial
Connects Figma design components to code components using Code Connect mapping tools.
SkillDFreshness: D★ 28.3KClaude Code +9 - 0.688score
figma-generate-library
openaiOfficial
Build or update a professional-grade design system in Figma from a codebase.
SkillDFreshness: D★ 28.3KClaude Code +9 - 0.688score
imagegen
openaiOfficial
Generate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites, mockups, or…
SkillDFreshness: D★ 28.3KClaude Code +9 - 0.685score
fal-redesign
fal-ai-community
Upgrade a coded website to award-tier, editorially-crafted design using fal.ai.
SkillCFreshness: C★ 256Claude Code +9 - 0.684score
extract-axure-data
lintendo
Extract structured data from Axure prototypes using Playwright — screenshots, design tokens, interaction maps, annotations, and page text.
SkillCFreshness: C★ 133Claude Code +9 - 0.682score
smtp-email-sender
openakita
Send emails via SMTP (Gmail, Outlook, etc.).
SkillBFreshness: B★ 2KClaude Code +9 - 0.682score
agent-advisor
awsOfficial
Entry point for AI-agent work on AWS: pick a runtime, plan a migration for existing workloads, and build an executable POC — one phased flow.
SkillAFreshness: A★ 3KClaude Code +9 - 0.682score
launch-with-aws
awsOfficial
Migrates vibe-coded web applications to AWS.
SkillAFreshness: A★ 3KClaude Code +9 - 0.680score
clone-page
lintendo
高精度克隆网页。使用 Playwright 渐进式采集页面数据(DOM 结构、样式、截图、资源), 然后分阶段构建完整的 HTML/CSS 还原。支持快速还原和高精度还原两种模式。 当用户需要克隆、复刻、还原、仿制网页时使用此技能。 当用户提供 URL 并要求"做一个一样的页面"、"把这个页面克隆过来"、…
SkillCFreshness: C★ 133Claude Code +9 - 0.678score
mat-calphad-phase-diagram
learningmatter-mit
Calculate and plot multi-component temperature-composition phase diagrams from Thermodynamic Database (.tdb) files using CALPHAD methods.
SkillAFreshness: A★ 183Claude Code +9 - 0.677score
dynamic-archify
tt-a1i
Create professional architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as standalone animated HTML files with SVG graphics, flowing…
SkillCFreshness: C★ 1.6KClaude Code +9 - 0.677score
slidewright
tronghieu
Build interactive presentation websites — slide decks projected to a room, controlled by one presenter.
SkillAFreshness: A★ 86Claude Code +9 - 0.675score
chem-react-ot
learningmatter-mit
Generate transition state structures for chemical reactions using React-OT.
SkillAFreshness: A★ 183Claude Code +9 - 0.675score
pojia-game-hack
z91772524-ai
Game runtime analysis and interactive overlay research — process memory structure recovery, entity-component inspection, coordinate projection visualization…
SkillAFreshness: A★ 77Claude Code +9 - 0.675score
web-artifacts-builder
anthropicsOfficial
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).
SkillDFreshness: D★ 183.5KClaude Code +9 - 0.675score
webapp-testing
anthropicsOfficial
Toolkit for interacting with and testing local web applications using Playwright.
SkillDFreshness: D★ 183.5KClaude Code +9 - 0.674score
webcrawler-deep-crawl
browser-act
Deep-crawl any website from start URLs, return per-page LLM-ready text/markdown/HTML plus metadata (title, description, author, language, canonical URL, OG)…
SkillCFreshness: C★ 6.3KClaude Code +9 - 0.673score
humanpen
humanpen
Humanize document files with HumanPen to lower their AI-detection score.
SkillAFreshness: A★ 88Claude Code +9