p5.jsで、計算ルールと乱数を使ったアートを制作します。乱数の初期値を固定して同じ描画を再現でき、ポスターや動きを感じる静止画、画面構成の試作に使えます。
- ルールからポスターを作りたいとき
- 動きを感じる静止画の制作
- アートの画面構成の試作
2,682 件 ・ 関連度順
概要と使いどころ
p5.jsで、計算ルールと乱数を使ったアートを制作します。乱数の初期値を固定して同じ描画を再現でき、ポスターや動きを感じる静止画、画面構成の試作に使えます。
エージェントの作業履歴とトークン数から、完了した成果ごとの費用や手戻りの費用を整理します。推定額と実測額を区別し、根拠付きのHTMLやCSVなどにまとめるスキルです。
GitHubの変更提案を複数の専門エージェントでレビューし、安全性・性能・設計・規約を確認します。指摘コメントの作成や品質基準に沿った判定も支援します。
Webサイトの書体・余白・カード構造・動きを具体的なルールで整え、非対称レイアウトや二重枠を使った、奥行きのある画面デザインをコードに落とし込むスキル。
図表やレポート、画面のモックアップをHTMLページとして作り、Orcaのチャット内に表示するスキルです。数値の比較や関係図など、視覚的な説明を回答に添えられます。
使われていないコードや重複した状態、冗長なAPI・階層を調べ、根拠付きで削除・統合の候補を整理します。調査のみ、または許可された範囲の変更と検証まで進めます。
Webページや画面部品を、目的と読者に合うデザイン方針から考え、動作するコードに仕上げます。書体・配色・余白・アニメーションを整え、画面全体の見た目に一貫性を持たせます。
対話を通じて仕事や好み、AIに任せたい範囲を整理し、AIパートナーの行動方針を定めるSOUL.mdを作成・更新します。話し方や反対意見の伝え方まで具体化します。
発表の構成や配色を計画し、各スライドをAI画像として順番に生成してPowerPointにまとめます。前の画像を参照し、資料全体の見た目をそろえるスキルです。
Gitのコミット履歴から、利用者に伝わる更新履歴やリリースノートを作るスキル。新機能・改善・修正などに分類し、開発者向けの記述を平易にまとめます。
Run a GEPA learning cycle via `metaharness learn` (upstream ADR-235, metaharness@0.3.0) — optimizes a harness genome against a SWE-bench-style slice manifest. $0 dry-run by default; `--run` is the explicit spend opt-in. Requires a metaharness repo checkout (`--repo` or $METAHARNESS_REPO) — without one it reports `checkout-required` with clone instructions. Degrades gracefully when metaharness is absent.
日本語の概要は準備中です。原文の説明を表示しています。
Use when applies to hyperlinks (`<a>` elements) that appear inline within paragraphs or text blocks. Does not apply to navigation menus, button-style links, or standalone links that are visually isolated from body text. Use when reviewing CSS that removes text-decoration from inline body copy links.
日本語の概要は準備中です。原文の説明を表示しています。
Use when reviewing an HTTPS page for resources (scripts, images, stylesheets, iframes) that are loaded over plain HTTP.
日本語の概要は準備中です。原文の説明を表示しています。
Use when reviewing stylesheets or components that use JavaScript to toggle classes on parent elements based on child state, form input values, or content presence — :has() may replace the JavaScript entirely.
日本語の概要は準備中です。原文の説明を表示しています。
Switches into OpenSpec docs-writing mode; loads the house style guide and drafts or revises pages in its voice (action-first, no preamble, scannable). Use when writing or editing pages in the OpenSpec docs tree.
日本語の概要は準備中です。原文の説明を表示しています。
Builds, styles, and polishes web UI and UX. Use for any frontend, page, component, styling, layout, animation, or visual-quality task, or when asked to make an interface look or feel a certain way.
日本語の概要は準備中です。原文の説明を表示しています。
Build or revise a slide deck (pptx by default; pdf or html on request). Use whenever a build task's artifact kind is presentation, or the user asks for a deck, slides, or a presentation. Covers per-slide HTML authoring, the StylePlan theme system, font embedding, deck assembly, render gates, and the PPTX export.
日本語の概要は準備中です。原文の説明を表示しています。
Mandatory preflight for web frontend visual design. If available, call read_skill for bundled:taste before the first frontend create or edit tool call whenever creating or visually styling a human-viewed web page, component, app, dashboard, or interactive report. Do not load it for non-visual frontend logic or machine-only HTML. If unavailable, continue without warning. Negative constraints only; user requests and other explicit styles still win.
日本語の概要は準備中です。原文の説明を表示しています。
Draft or edit writing in the user's voice for the person who will read it and where it will appear. Use for messages, emails, documents or slides written on their behalf, not for your own replies.
日本語の概要は準備中です。原文の説明を表示しています。
Deliver a runnable local browser app so the user can operate it on the first handoff. This delivery skill does not choose whether a requested local system should be a browser app. On a current turn that explicitly says to implement a brand-new browser project now, load bundled:greenfield-project-scaffolding before project work only after no-peek or permitted top-level placement facts prove that no named or suitable current-folder target resolves the root; never hand off from planning or answer-only turns, existing work, a named or suitable target, or standalone or single-file delivery. Resolve user-blocking product or interface choices with an available interaction surface; resolving those choices alone never authorizes implementation. Always call read_skill for bundled:browser-app-delivery before creating or materially changing a local browser app that owns its start path or a playable browser game. Also load it when the user requests a paste-ready, single-file, offline, or immediately playable browser artifact, even if no local start path should remain, unless the user says they will open or check it themselves or explicitly declines verification. On completed local-server delivery, include exact start commands, a concrete local URL, and explicit browser-open wording. On completed standalone delivery, hand off the exact artifact path or paste URL and smoke result without inventing a server. Do not load it for a self-contained static file that has no owned start path if the user either says they will open or check it themselves or explicitly declines verification. Do not load it for component/style-only edits, deployed sites, backend/API-only work, browser QA, review, explanation, plan-only, or explicit stop/no-tool turns.
日本語の概要は準備中です。原文の説明を表示しています。
Page-style document, printable out of the box
日本語の概要は準備中です。原文の説明を表示しています。
Render the user's morning brief as a styled HTML artifact, or set it up as a recurring weekday task. Use only when the user explicitly asks to run, see, or set up their morning brief, or if they invoke /morning by name. A question about their day, schedule, or calendar is not by itself a request for the brief; answer it directly instead.
日本語の概要は準備中です。原文の説明を表示しています。
Draws static SVG figures for lessons, READMEs and manuals in the AI Engineering from Scratch look: paper panel, blueprint accent, nine figure kinds, fixed hue meanings, eight arrow styles, and checks for legibility and markup. Trigger phrases: "draw a figure", "blueprint figure", "sequence figure", "state machine figure", "figure for this lesson", "add a diagram to the manual".
日本語の概要は準備中です。原文の説明を表示しています。
Synthetic terminal-style screen recording guidance for Remotion `TerminalScene`.
日本語の概要は準備中です。原文の説明を表示しています。