frontend
A skill from the oh-my-openagent project for visual work built in HTML, CSS or SVG, such as site pages and components, HTML reports printed to PDF, figures and diagrams, slides and images for tools such as Notion or Slack.
What the skill teaches
A skill from the oh-my-openagent project for visual work built in HTML, CSS or SVG, such as site pages and components, HTML reports printed to PDF, figures and diagrams, slides and images for tools such as Notion or Slack. It acts as a router into a library of reference files and follows a sequence of grounding, briefing, building, removing what is not needed and checking. It aims for restrained, clear layouts that work on phones and desktops in light and dark themes, adding motion or extra styling only when asked. Bundled TypeScript tools lint source files for signs of generated-looking design and audit rendered pages for contrast, type scale and layout problems.
Capabilities
- Build and style web pages and components
- Make diagrams, slides and print layouts in HTML
- Lint source for generic-looking design patterns
- Audit rendered pages for contrast and layout issues
About
- Publisher
- code-yeongyu
- Tool
- Frontend design
Install
The project doesn't document install steps that we could confirm. See the project's own instructions
What's inside
- .gitignore
- .npmignore
- ATTRIBUTION.md
- LICENSE-Apache-2.0.txt
- references/design/README.md
- references/design/_INDEX.md
- references/design/ambience-skill.md
- references/design/aside.md
- references/design/clone-from-url.md
- references/design/component-catalogs.md
- references/design/design-system-architecture.md
- references/design/grounding.md
- references/design/interaction-skill.md
- references/design/layout-skill.md
- references/design/lazyweb.md
- references/design/print-paged-media.md
- references/design/react-dev-tooling-skill.md
- references/design/stylegallery.md
- references/designpowers/EVIDENCE.md
- references/designpowers/README.md
- references/designpowers/UPSTREAM.md
- references/designpowers/lane-a-direction.md
- references/designpowers/lane-b-execution.md
- references/designpowers/lane-c-review.md
- references/designpowers/lane-d-memory.md
MCP servers and skills can run code on your computer and act on your data. Review the source before installing.
This skill includes scripts that your agent may run.
Details
| Fact | Value | Source |
|---|---|---|
| Type | Skill | |
| Tool | Frontend design | |
| Publisher | code-yeongyu | source |
| Official status | Not stated in its documentation | |
| Needs an API key or sign-in | Not stated in its documentation | |
| Includes scripts | Yes | source |
| Platforms | Not stated in its documentation | |
| AI clients | Not stated in its documentation | |
| Licence | Apache-2.0 | source |
| Pricing | Not stated in its documentation | |
| Activity | Last commit Nov 11, 202670,828 GitHub starsDownload data not available (not on npm or PyPI) | source |
| Links | Repository Website |
More from code-yeongyu
4 skills
All 4 from code-yeongyu →Also listed under: Frontend design
Sources
- Skill file (SKILL.md)github.com/code-yeongyu/oh-my-openagent · Backs: Includes scripts, LicenceNov 10, 2026
- GitHub repositorygithub.com/code-yeongyu/oh-my-openagent · Backs: Publisher, ActivityNov 11, 2026
- Folder in the repository (frontend)github.com/code-yeongyu/oh-my-openagent · Backs: Includes scriptsNov 10, 2026