一键在 Manus 中运行任何 Skill

ui-component

星标3

分支0

更新时间2026年2月18日 15:04

Build or update UI components using vanilla HTML and TypeScript (using <template>), with Storybook support, and documentation in a Markdown file (in total, 4 files per component). Use when asked to create new components, refactor UI into HTML+TS templates, or add stories/docs for existing components in this codebase.

安装

用 Codex 或 Claude 帮你安装复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。

在 Manus 中运行

来源

selfint

selfint/planit

打开 GitHub 仓库查看创作者相关仓库

下载

在 Manus 中运行

相关职业SOC

基于 SOC 职业分类

网页开发工程师计算机与数学类职业·SOC 15-1254

文件资源管理器

2 个文件

SKILL.md

readonly

name	ui-component
description	Build or update UI components using vanilla HTML and TypeScript (using <template>), with Storybook support, and documentation in a Markdown file (in total, 4 files per component). Use when asked to create new components, refactor UI into HTML+TS templates, or add stories/docs for existing components in this codebase.

Ui Component

Overview

Build UI components as four files (.html, .ts, .stories.ts, .context.md). Use

同仓库更多 Skills

同仓库

lib-module

selfint/planit

Use whenever a src/lib module is created or edited. Ensure the module has .ts, .test.ts, and .context.md files, and document it with adjacent .context.md using a standard format.

2026-02-183

page-route

selfint/planit

Build or update a route page under src/pages using a consistent 6-file contract per route basename (`<route>_page`). Use when creating a new page route, refactoring an existing page route, or adding stories/tests/docs for a page.

2026-02-183

一键运行任何 Skill