phantom-con-artist/unparalleled-skillset
Developer toolsこのページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る
Agent skills for bespoke websites and app UI: product-derived direction, no generic AI templates, and a Playwright screenshot review loop.
概要
Two agent skills for designing interfaces with a visual language rooted in the product. The goal is useful, original work with a human point of view, with the conviction and detail of an independently art-directed product. A sufficient prompt supports research, direction, exploration where appropriate, decisive selection, implementation, and verification. No emoji decoration, bullet-point marketing inventories, buzzword filler, formulaic slogans, em-dash spam, generic sans-serif visual identities, stock palettes, or mainstream design genre recipes. Agents must derive their choices from real product evidence and explain them. Semantic lists remain available for navigation and accessibility, and explicit user choices and established brand commitments take precedence.
README
以下は原文 README の抜粋です。原文を見る。
Unparalleled Skillset
Two agent skills for designing interfaces with a visual language rooted in the product. The goal is useful, original work with a human point of view, with the conviction and detail of an independently art-directed product. A sufficient prompt starts research, a product-specific recommendation and a concrete specimen. New directions are reviewed and revised with the user before full development, unless that review was explicitly waived.
Quick start
Until the package is published on npm, run the commands through GitHub. Replace npx unparalleled with npx github:Phantom-Con-Artist/unparalleled-skillset in every line below.
npx unparalleled setup # install both skills for the agents on this machine, then show what else is ready
npx unparalleled doctor # any time: what is ready, and the exact fix for what is not
npx unparalleled hook --write # optional, Claude Code: add a structured brief to every design prompt
npx unparalleled studio --root ./my-site # optional: Studio on your own site (--demo opens a practice page)
npx unparalleled update # later: refresh the installed skills to the newest version
Start a new agent session after setup or update. setup changes only the skill folders, a short routing note and its own state file; it never edits agent permissions or settings. hook --write is the only command that edits an agent setting, and only the project’s .claude/settings.json, only when you ask. See docs/installation.md for the details.
Choose the skill
This repository is the monorepo for the installable Unparalleled design skills and the first working Unparalleled Studio implementation. Studio adds an inspector to your running page and connects targeted change requests to your existing IDE agent. The skills remain available independently.
| Skill | Use it for | Core concerns |
|---|---|---|
| unparalleled-ui | Applications, dashboards, tables, forms, and settings | Task clarity, data density, complete states, semantic tokens, and keyboard access. |
| unparalleled-website | Public websites, portfolios, landing pages, and product stories | Experimental product-specific direction, domain vocabulary, one iterative specimen, distinctive type, authored assets and purposeful 2D/3D motion. |
Unparalleled Studio: first working slice
Studio works on the page you are building. It has a small tool strip and a compact composer beside the selected element, pointer/parent/selector picking, computed-style inspection, page-wide steering, a durable request queue, source-change review and guarded undo. Your existing coding agent reads the target and instruction through local tools; Studio does not run a model or require another desktop editor.
Run the included fictional practice page:
npm run studio:demo推奨ツール
別のキーワードを試すか、フィルタを外してください。
インストール
npx skillfish add phantom-con-artist/unparalleled-skillset