设计
UI/UX 方向、视觉设计与设计系统
myn-standards
eltmon
Mind Your Now coding standards, design system, and component patterns. Auto-applied when writing or reviewing MYN code.
Exterior Audit — EXAL / SKYAL / WATAL / Ground Cover
matiaszanolli
"Deep audit of the exterior layers EXAL / SKYAL / WATAL + ground cover — translation boundary, terrain + LOD, ground-cover pipeline, sky bake / clouds / SH, weather + sun, water translation"
NIF Parser Audit
matiaszanolli
"Deep audit of NIF parser — stream position, version gating, block dispatch coverage, geometry handoff"
Concurrency and Synchronization Audit
matiaszanolli
"Audit Vulkan queue/AS sync, ECS lock ordering, scheduler access declarations, RwLock patterns, deadlock potential"
Produce
melodic-software
"Make a film from a brief and one or more style packs: pre-production boards for the user to approve, then a shot list, scenes, rendered frames, a delivered file, and a review against the pack. Use when: 'produce this film', 'animate this brief', 'storyboard then render', 'make a short in this style', 'boards for approval', 'shot list for this film'. Nothing past the storyboard renders until the user approves the boards. Not for copying a reference clip (use /animation:rotoscope) or measuring a new style pack (use /animation:learn-style)."
Frame
simota
Figma MCP Serverを活用してデザインコンテキストを抽出・構造化し、実装エージェントに渡すブリッジエージェント。Figmaデザインからコードへの橋渡し、Code Connect管理、デザインシステムルール抽出が必要な時に使用。
brand-guidelines
ComposioHQ
Applies OpenAI's brand colors and typography to any artifact that should match the Codex/OpenAI look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
design-system-architecture
NickCrew
Build scalable design systems with design tokens, component APIs, and documentation. Use when creating or evolving component libraries.
a10-brand
NickCrew
Apply A10 Networks brand guidelines to any frontend output — React/JSX artifacts, HTML pages, dashboards, PDFs, infographics, charts, presentations, and documentation. Use this skill whenever creating or reviewing visual content for A10 Networks, Signal Horizon, Synapse, ThreatX Labs, The Crows, or any A10-related product. Also trigger when the user mentions A10 brand colors, Rubik font, square corners, or asks to make something "on-brand" for A10. This includes reviewing existing work against brand guidelines. If you are building any visual artifact and the context suggests it is for A10 Networks, use this skill even if the user doesn't explicitly ask for brand compliance.
yueyuan
qianye-wuyu
【专业子平八字分析系统】融合《渊海子平》《子平真诠》《滴天髓》《穷通宝鉴》正统子平体系与盲派交叉验证的专业命盘分析。核心特色：研究型流程（假设-证据-反证）、规则分层与冲突裁决（STRUCTURAL>CORE>SCHOOL>HEURISTIC>SUPPLEMENTAL）、证据分级 A-E、预注册预测与两阶段盲验证、竞争假设与不确定度、用神六维一致性检查、多流派合议。覆盖：排盘校验、旺衰判断（人元司令分野）、八格格局成败与相神、病药论、调候、十神断法、六亲、干支作用、空亡神煞、大运流年分析顺序、应期断法、婚恋/事业/财富/身心分领域分析。触发词：八字、四柱、排盘、命理、喜用神、格局、旺衰、调候、大运流年、应期、合婚、子平、盲派、十神。
prototype
tt-a1i
Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.
to-spec
tt-a1i
Turn the current conversation into a spec and publish it to the project issue tracker — no interview, just synthesis of what you've already discussed.
audit-ux
doodledood
Audit UI/UX changes in a focus area against design guidelines for accessibility, consistency, and usability issues.
define-brand-guidelines
doodledood
'Create a BRAND_GUIDELINES.md that defines how to communicate with your customer. Requires CUSTOMER.md to exist first. Covers voice, tone, language rules, messaging framework, and copy patterns.'
define-design-guidelines
doodledood
'Create a DESIGN_GUIDELINES.md that defines how to design UI/UX for your customer. Requires CUSTOMER.md to exist first. Covers aesthetic direction, design tokens, typography, color, motion, components, and layout patterns. Bakes in frontend-design skill principles to avoid generic AI aesthetics.'
Learn style
melodic-software
"Learn a drawn animation style from a rotoscoped clip into a style pack: measure its traces and source drawings into knob values and statistic bands (edge straightness and roughness, solid black, boil of the frame and caption, the hold mix on 1s/2s/3s, palette), prove the bands against adversarial controls, then prove the pack by authoring a new scene with ink.js and checking its render against it. Use when: 'learn this style', 'make a style pack', 'extract the style from this clip', 'does my film match the style', 'check this scene against the woodcut pack', 'which statistics separate styles'. Needs a rotoscope work dir; not for copying a clip one to one."
skeptical-review
matthiasn
Act as a skeptical senior engineer performing a detailed code review of the latest changes on the current branch (or a given PR) — best practices, maintainability, performance, security, and readability. Objective and concise; only real issues, with a clear "no issues" verdict when the code is clean. Replaces CodeRabbit / Gemini Code Review.
app-screenshots
matthiasn
Capture in-app screenshots of a widget or flow at mobile + desktop sizes — offline, deterministic, real fonts and icons — using the reusable screenshot harness. Use when asked to "show me X in the app", "screenshot this screen", or to preview a UI change for review on phone vs desktop.
design-review-panel
matthiasn
Run a multi-agent design review on a UI surface — capture reproducible baseline screenshots, then rate them with a panel of design experts (one agent per craft dimension) and, optionally, a panel of user personas with different cognitive styles. Iterate implement → re-screenshot → re-rate until every panel hits a numeric target (e.g. avg ≥8/10). Use when polishing or redesigning a screen/modal/dialog and the user wants grounded, scored design feedback ("summon the design panel", "rate this with the experts", "run the persona panel").
frontend-design
EpicenterHQ
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
brand-management
dmend3z
This skill transforms Claude into a brand management specialist. It helps develop and maintain a strong brand identity, manage online reputation, and create high-quality, personalized content. Use this skill when you need to build, manage, or protect a brand's reputation and image.
release
dotnet
'Orchestrate an MSBuild release: create the tracking issue, branch, configure DARC channels and subscriptions, bump version in main, final-brand the release branch, insert into VS, and publish post-GA. Covers the full monthly release lifecycle aligned with VS shipping cadence.'
Walmart
imoonkey
```
wireframe-generator
Wire-DSL
Generate Wire DSL code for wireframes and UI prototypes