Agent skills for designers and builders using Codex, Claude, Cursor, and other AI coding agents
Supply asset profile
Code review, repo analysis, testing, CI, GitHub, DevOps, and developer workflow skills.
Scenario
Coding agents
I need a coding agent that can understand a repository, edit code, and review pull requests.
Agent fit
Claude Code + OpenAI Agents + Cursor
Codex, Claude Code, Cursor, CLI, or custom agents.
Install
Ready
npx skills add MengTo/Skills
Maintenance
fresh
2d since push
Risk
Safe to try
No major risk signals from available metadata
GitHub quality
2.4K
100/100 quality · 92/100 trust
Coverage tags
Review notes
No major risk signals from available metadata
Agent adoption scorecard
These scores combine public repository metadata, OpenAgentSkill review signals, maintenance freshness, and install readiness. They are a shortlist signal, not a replacement for human review.
Quality
ExcellentHigh-confidence pick with strong adoption and healthy maintenance signals.
Trust
Review then installGood shortlist signal, but the agent should review audit notes, install policy, and outcome evidence before running it.
Audit
Safe to tryInstall readiness, security metadata, maintenance, and adoption risk.
Trust Score v5
Use as the primary candidate after human or sandbox review.
Stars
2.4K GitHub stars
Repo activity
2.4K stars, 272 forks
Maintenance
2d since push
License
MIT
Install
npx skills add MengTo/Skills
Install safety
standard package or runtime install path
Permission surface
filesystem or document access
Agent outcomes
No agent outcome data yet
Docs
Strong README/SKILL.md context
Risk summary
Install readiness
Agent-readable metadata
Use this block or the embedded JSON to decide whether an agent should install this skill, choose an alternative, or ask for human review first.
Suited tasks
Suited agents
Install decision
Trust and risk
Outcome loop
Do not use when
Alternative
163.1K stars
npx skills add anthropics/skills --skill frontend-design
Alternative
16.5K stars
npx skills@latest add emilkowalski/skills
Alternative
98.4K stars
npx skills add mui/material-ui
Alternative
163.1K stars
npx skills add anthropics/skills --skill canvas-design
Agent safety v2
Strong metadata, audit, install, and review signals. Suitable for agent shortlists after normal workspace review.
Allow agent install in a sandbox or low-risk workspace, then promote after one successful narrow task.
medium
Skill likely fetches remote pages, APIs, repositories, or external services.
medium
Skill may read or write project files, documents, generated artifacts, or local workspace state.
Install targets
Copy the registry command or an agent-specific install prompt for Codex, Claude Code, and Cursor.
Use the registry command when your workflow supports the OpenAgentSkill installer.
$ npx skills add MengTo/SkillsAgent resolve plan
The Resolve API returns the selected skill, alternatives, safety policy, audit notes, install target, and copy-paste prompt an agent can follow without scraping this page.
Resolve JSON
/api/agent/resolve?task=Use%20Skills%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Resolve text
/api/agent/resolve?task=Use%20Skills%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text
Install handoff
/api/skills/mengto-skills/install
Agent should check
Copy prompt
Task: Use Skills in this workspace.
Resolve first: https://www.openagentskill.com/api/agent/resolve?task=Use%20Skills%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Review install handoff: https://www.openagentskill.com/api/skills/mengto-skills/install
Install command: npx skills add MengTo/Skills
Before running it, summarize audit warnings, required permissions, and the fallback skill if install is risky.Agent handoff
Use the public install endpoint to fetch the command, safety checklist, target prompts, and canonical links for this skill.
Install handoff
/api/skills/mengto-skills/install
LLM text format
/api/skills/mengto-skills/install?format=text
Find alternatives
/api/skills/search?q=Skills&limit=3
Agent prompt
Use Skills for this task. Review https://www.openagentskill.com/api/skills/mengto-skills/install, then install with: npx skills add MengTo/SkillsRegistry metadata
This page exposes the same decision, trust, audit, use-case, and install signals through the Registry API, so agents can rank this skill without scraping the UI.
Manifest
/api/registry/manifest/mengto-skills
LLM text
/api/registry/manifest/mengto-skills?format=text
Install alias
/api/registry/install/mengto-skills
Recommend
/api/registry/recommend?task=Use%20Skills%20in%20an%20agent%20workflow&limit=3
Agent fit
Coding agents
Use-case tags
Platforms
Python, Claude Code, OpenAI Agents, Cursor
Audit report
Review install readiness, maintenance, trust, quality, and metadata warnings before adding this skill to an agent workflow.
Agent decision cockpit
Use this as a leading candidate, then validate the README and install path in your own agent stack.
Role in stack
Primary pick
Primary fit
Coding agents
Trust label
Production-ready
Install path
Command ready
Use when
Evidence
Review first
Implementation path
Trust profile
Good shortlist signal, but the agent should review audit notes, install policy, and outcome evidence before running it.
GitHub adoption
PASS2.4K GitHub stars
Stars/forks activity
PASS2.4K stars, 272 forks; issue activity unavailable in current metadata
Recent maintenance
PASS2d since push
License clarity
PASSMIT
Good signals
Review before install
Recommended action
Use as the primary candidate after human or sandbox review.
Quality profile
High-confidence pick with strong adoption and healthy maintenance signals.
Workflow fit
Build and ship code
I need a coding agent that can understand a repository, edit code, and review pull requests.
Automate repeated work
I need my agent to automate a repeated workflow across tools and files.
Operate local tools
I need my agent to operate local files and desktop apps in a repeatable workflow.
Stack fit
Turn skills into distribution
A stack for turning newly indexed skills into SEO briefs, social drafts, comparison pages, and reusable publishing workflows.
Inspect, patch, and verify code
A stack for software agents that inspect repositories, review pull requests, generate tests, and turn findings into shippable patches.
Design, build, test, and ship interfaces
A complete stack for agents that turn product briefs or Figma designs into polished frontend code, review the result, test it in a browser, and prepare a safe deployment.
Alternative shortlist
Similar skills in this category, ranked with the same readiness and quality signals.
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
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 iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and wants the right word to prompt an AI or designer with. For naming an effect, not designing or building one.
Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.
# Agent Skills
A curated collection of **agent skills** for designers and builders using **Codex**, **Claude**, **Cursor**, and other AI coding agents to build rich user interfaces, frontend systems, agent loops, automations, and reusable workflows.
Use these skills with **Codex**, **Claude Design**, [**Aura Build**](https://aura.build), **Lovable**, and the rest of your agent stack to turn references into prompts, generate detailed landing pages, and build reusable frontend workflows.
Start with the flagship web-design workflow:
1. **[Video to Super Prompt](agent-skills/codex/video-to-superprompt/SKILL.md)** Turns a screen recording of a design, landing page, or animation into a super detailed prompt that Fable 5 can use to one-shot HTML. 2. **[HTML to Interaction Prompts](agent-skills/codex/html-to-interaction-prompts/SKILL.md)** Turns an existing HTML page, like an Aura Build page, into reusable prompts for one section, one animation, one button, one hover state, or one WebGL effect. 3. **[Stitched Full Page Capture](agent-skills/codex/stitched-full-page-capture/SKILL.md)** Captures the entire landing page instead of only the hero, giving your agent a full-page reference for structure, pacing, and visual hierarchy. 4. **[Daily UI Inspiration](agent-skills/codex/daily-ui-inspiration-capture/SKILL.md)** Combines browsing, capture, reference study, and prompt generation into a useful agent loop that turns strong landing pages into detailed prompt packs.
These are portable agent skill folders: concise `SKILL.md` playbooks with optional references, articles, scripts, and assets. The goal is simple: turn good prompts, workflows, style systems, capture recipes, and debugging habits into versioned files an agent can load and follow.
Portable by default. Each skill should work for any user, repo, or workspace unless the user supplies project-specific context through local agent instr
Frameworks & Tools
Decision snapshot
2,432 GitHub stars
Audit snapshot
Install and adoption review
Agent-proven evidence
Outcome reports after resolve, review, install, and one narrow run.
No agent outcome data yet. The first agent run can report success, setup needs, risk blocks, failure, or not-relevant through /api/agent/outcome.
Install
Free and open source. Review the audit before production use.
Growth loop
Scenario-led draft for Skills, ready for a manual X post.
Most coding agents don't fail from lack of model power. They fail when repo context disappears. Skills gives coding agents a repeatable way to plan, patch, review, or ship. 2.4K stars https://www.openagentskill.com/skills/mengto-skills?ref=x #AIAgents
Listing + install path for Skills: https://www.openagentskill.com/skills/mengto-skills?ref=x Install: npx skills add MengTo/Skills
Listing source
This listing was indexed from public sources and is not marked official until a maintainer claim is approved.
Attribution links to the public repository or creator profile. Creators can claim the listing to update ownership signals.
Claim this skillOwner claim
This community indexed listing is attributed to MengTo but is not marked official yet. Claim it to add a verified owner signal and make future launch, install, and audit updates easier to trust.
Creator backlink kit
Show the canonical listing, current trust and audit signals, and real Agent Proven evidence where developers evaluate the repository.
[](https://www.openagentskill.com/skills/mengto-skills)
[](https://www.openagentskill.com/skills/mengto-skills)
[](https://www.openagentskill.com/skills/mengto-skills/audit)
[](https://www.openagentskill.com/skills/mengto-skills)MengTo✓
@mengto
Share whether this skill looks useful for your agent workflow. Aggregated feedback improves rankings over time.
Review then install
Frontend Design
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
163.1K stars · 0 installsAnimation Vocabulary
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 iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and wants the right word to prompt an AI or designer with. For naming an effect, not designing or building one.
16.5K stars · 0 installsMaterial Ui
Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
98.4K stars · 0 installsCanvas Design
Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.
163.1K stars · 0 installs