원클릭으로 Manus에서 모든 스킬 실행

youneed-develop

스타0

포크0

업데이트2026년 7월 16일 13:45

Developer-experience tooling for the youneed framework: wiring up @youneed/devtools (runtime component inspector — tree, props history/time-travel, emitted events, live scheduler swap, style editing) and @youneed/ts-plugin (TypeScript language-service plugin giving autocomplete, hover docs, go-to-definition and squiggle diagnostics inside html`` and css`` templates). This skill should be used when setting up, configuring, debugging, or explaining the youneed devtools panel or the ts-plugin editor integration.

설치

Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.

Manus에서 실행

출처

vitalics

vitalics/Youneed

GitHub 저장소 열기 Creator 저장소 보기

다운로드

Manus에서 실행

youneed — Developer Tooling

Two packages improve the day-to-day DX of building with @youneed/dom. Both are opt-in and zero-cost when absent. Source of truth: packages/devtools/src/*, packages/ts-plugin/src/*, and each package's README.md — verify a signature there before asserting it.

Task	Read
Install / mount the runtime inspector panel; inspect props, events, scheduler, styles	`references/devtools.md`
Configure the TS language-service plugin; autocomplete/diagnostics in html``/css``	`references/ts-plugin.md`

At a glance

@youneed/devtools — a floating inspector panel (browser/DOM only). Call installDevtools() before components mount, optionally mountDevtoolsPanel(). Hooks into @youneed/dom via a global __DOM_DEVTOOLS__ hook; when not installed, the DOM hot path does a single null-check and skips all capture. Import it conditionally (import.meta.env.DEV) so it tree-shakes out of production.
@youneed/ts-plugin — a tsserver plugin registered in tsconfig.json compilerOptions.plugins. Indexes components by AST (tag, @Component.prop, @Component.event, this.emit(...)) and powers completions, hover (with optional @preview images), go-to-definition, and .prop/@event validation inside template literals. Editor-only — it does not run in tsc. Needs the workspace TS version in VS Code, and ships a CJS build (dist/package.json {"type":"commonjs"}).

Answering style

Give the exact import + call site (and where it runs — browser vs editor).
For devtools, always pair the snippet with the dev-only guard so it can't ship to prod.
For ts-plugin, give the concrete tsconfig.json / .vscode/settings.json blocks and remind to select the workspace TypeScript version.

이 저장소의 다른 Skills

같은 저장소

youneed-server-plugins

vitalics/Youneed

Application-level @youneed/server plugins beyond the core middleware — API protocols, background services, and observability. GraphQL (@youneed/server-plugin-graphql: schema-first SDL or GraphQLSchema + resolvers, spec-compliant POST/GET endpoint, GraphiQL, devtools tab), gRPC (@youneed/server-plugin-grpc: @grpc/grpc-js server on its own HTTP/2 listener tied to the app lifecycle, .proto load, call-tester devtools), transactional email (@youneed/server-plugin-mailer: MailTransport contract + SMTP/SES/SendGrid/Postmark transports, no SDKs), object/blob storage (@youneed/server-plugin-storage: StorageAdapter contract + Memory/File/S3 adapters), a durable background job queue (@youneed/server-plugin-queue: retries+backoff, dead-letter, delayed/concurrent workers, persisted to KV), and OTLP trace export (@youneed/server-plugin-otlp: batches trace-middleware spans, POSTs OTLP/HTTP JSON to a collector/Jaeger/Tempo/Grafana, no OTel SDK). Use this skill when adding a GraphQL or gRPC endpoint, sending email, storing fi

2026-07-200

youneed

vitalics/Youneed

Expert assistant for the youneed framework (@youneed/dom web components and @youneed/server HTTP server, both on TC39 decorators). This skill should be used when answering questions about youneed components or server, organizing youneed code, optimizing performance bottlenecks, wiring up or recommending @youneed/server-middleware-* packages, adding authentication or login (OAuth2/OIDC providers, OTP, JWT/API-key verification, webhook signatures), handling file uploads, migrating a frontend from React/Vue/Angular/Lit to @youneed/dom, or migrating a backend from Express/Nest/Fastify/Bun/Elysia/tRPC to @youneed/server.

2026-07-200

youneed-cli

vitalics/Youneed

Building command-line tools with @youneed/cli — a type-safe, Commander-style CLI framework on the @youneed factory-class pattern (commands and options as classes, this.options/execute(...) typed straight from flag strings), plus a reactive render()/task live region, onion middleware (providers), application plugins, and graceful shutdown. Covers the cli-middleware-*/cli-plugin-* ecosystem: terminal UIs (screen, progress, prompt, pages, oscillator, color, markdown), input/process security (env, childprocess, fs, worker, clipboard), startup/redraw optimization (cache, worker, scheduler), and accessibility (NO_COLOR/TTY detection, notification, music, i18n). This skill should be used when defining commands or options, building a terminal UI / TUI, validating CLI input or env, spawning subprocesses safely, prompting interactively, speeding up CLI startup or redraws, or making a CLI screen-reader / non-TTY friendly.

2026-07-160

youneed-clients

vitalics/Youneed

The HTTP boundary of a youneed app — consuming APIs and running the server on any runtime. @youneed/api-client: a typed API-client runtime plus an OpenAPI → TypeScript client codegen (CLI youneed-api-codegen + programmatic generateClient) that consumes the OpenAPI doc @youneed/server emits, so there's no hand-written fetch and no server/client drift; dependency-free (global fetch, or pass @youneed/http-client). @youneed/http-client: a zero-dependency universal resilient fetch wrapper (per-attempt timeout, retry with exponential backoff + full jitter honoring Retry-After and only retrying idempotent methods by default, and a circuit breaker) that works in Node/Bun/Deno/browser. @youneed/server-adapter: run one @youneed/server app on any runtime — a Web fetch(Request)=>Response bridge over the app's node:http listener for edge/serverless (Cloudflare Workers, Vercel/Netlify edge, Lambda) plus node/bun/deno serve adapters with runtime auto-detection. Use this skill when generating or consuming a typed API client,

2026-07-160

youneed-feature-flags

vitalics/Youneed

Feature flags in the youneed framework. The framework-agnostic @youneed/feature-flags engine (boolean/variant/value flags, attribute targeting + deterministic percentage rollout by targetingKey, synchronous evaluation across DOM/SSR/CLI/server, SSR snapshot hydration, onEvaluation hook) plus its per-surface integrations — @youneed/server-plugin-feature-flags (request-scoped this.flags + control/bootstrap routes + devtools), @youneed/dom-provider-feature-flags (evaluate in templates, re-render on change), @youneed/ssr-plugin-feature-flags (server-evaluate + inject snapshot into <head> so the client hydrates identical values), @youneed/cli-plugin-feature-flags (flags command + this.flags in commands), @youneed/test-plugin-feature-flags (fresh engine per test, withFlags/expectFlag) — and remote/source adapters @youneed/feature-flags-vercel (Edge Config source), -launchdarkly (remote evaluator), -posthog (/decide evaluator), -datadog (exposure telemetry sink). Use this skill when defining flags, targeting/rollout

2026-07-160

youneed-foundation

vitalics/Youneed

The shared foundation under every @youneed package and the tooling to build on it. @youneed/core — the zero-dependency primitives the whole monorepo builds on: shared type aliases, the class-metadata registry (createRegistry/ctorOf/classChain — the TC39 addInitializer + WeakMap pattern that makes decorators work under esbuild/tsx where Symbol.metadata is never emitted), and disposal helpers (dispose/isDisposable/disposeValue bridging plain cleanups to using/await using). @youneed/vite-plugin — the domFramework() Vite plugin that pre-transpiles TC39 standard decorators with esbuild (supported:{decorators:false}) before Vite's oxc/esbuild transform, which otherwise leaves them raw and breaks the entry graph. create-youneedpackage — the internal scaffolder for new workspace packages. Use this skill when authoring your own decorator-driven base class (Component/Controller/Test-style factory), when standard decorators fail to compile under Vite (blank page / SyntaxError), when adding using-based resource cleanup,

2026-07-160

name	youneed-develop
description	Developer-experience tooling for the youneed framework: wiring up @youneed/devtools (runtime component inspector — tree, props history/time-travel, emitted events, live scheduler swap, style editing) and @youneed/ts-plugin (TypeScript language-service plugin giving autocomplete, hover docs, go-to-definition and squiggle diagnostics inside html`` and css`` templates). This skill should be used when setting up, configuring, debugging, or explaining the youneed devtools panel or the ts-plugin editor integration.
license	ISC

youneed — Developer Tooling

Task	Read
Install / mount the runtime inspector panel; inspect props, events, scheduler, styles	`references/devtools.md`
Configure the TS language-service plugin; autocomplete/diagnostics in html``/css``	`references/ts-plugin.md`

At a glance

@youneed/devtools — a floating inspector panel (browser/DOM only). Call installDevtools() before components mount, optionally mountDevtoolsPanel(). Hooks into @youneed/dom via a global __DOM_DEVTOOLS__ hook; when not installed, the DOM hot path does a single null-check and skips all capture. Import it conditionally (import.meta.env.DEV) so it tree-shakes out of production.
@youneed/ts-plugin — a tsserver plugin registered in tsconfig.json compilerOptions.plugins. Indexes components by AST (tag, @Component.prop, @Component.event, this.emit(...)) and powers completions, hover (with optional @preview images), go-to-definition, and .prop/@event validation inside template literals. Editor-only — it does not run in tsc. Needs the workspace TS version in VS Code, and ships a CJS build (dist/package.json {"type":"commonjs"}).

Answering style

Give the exact import + call site (and where it runs — browser vs editor).
For devtools, always pair the snippet with the dev-only guard so it can't ship to prod.
For ts-plugin, give the concrete tsconfig.json / .vscode/settings.json blocks and remind to select the workspace TypeScript version.