ChloeVPin/sharp-skill

backend

Activate for backend engineering work across APIs, services, data models, migrations, auth, validation, error handling, background jobs, queues, caching, rate limiting, observability, testing, performance, and safe production refactors. Use for…

原文の言語: 英語

brand

Activate when a user requests a brand kit, brand identity board, logo concept, or visual identity system as an image output.

原文の言語: 英語

brutalist

Activate when a user wants a high-contrast interface with hard edges, deliberate tension, and strict grid logic. Use for dashboards, technical portfolios, admin tools, command surfaces, or other interfaces that should feel sharp, direct, and usable.

原文の言語: 英語

build-from-image

Activate when visual quality is central to a frontend task and image generation is available — generate design reference images first, analyze them thoroughly, then implement the frontend from those references.

原文の言語: 英語

complete

Activate for any task requiring a full, unabridged code or document output where truncation would render the result unusable.

原文の言語: 英語

design-system

Activate when a user needs a written design system reference that defines tokens, component rules, layout principles, motion, accessibility, and forbidden patterns for a project.

原文の言語: 英語

frontend

Activate when a user requests a polished, high-quality web interface — landing pages, SaaS dashboards, product pages, portfolios, or any frontend requiring strong visual craft and attention to detail.

原文の言語: 英語

minimal

Activate when a user requests a warm editorial-style interface, a document-like UI, or a strictly minimal aesthetic with near-zero color and heavy reliance on typography and whitespace.

原文の言語: 英語

mobile-image

Activate when a user requests mobile app screen images, onboarding flows, or multi-screen app concepts as image output — this skill generates premium mobile UI images only, it does not write code.

原文の言語: 英語

motion

Activate when a user explicitly requests scroll-driven storytelling, GSAP animations, complex motion choreography, or highly kinetic web experiences that go beyond standard CSS transitions.

原文の言語: 英語

redesign

Activate when a user wants to improve, upgrade, or fix the design quality of an existing web project without changing its functionality or migrating its tech stack.

原文の言語: 英語

web-image

Activate when a user requests website section design images — generating one horizontal image per section as a high-fidelity frontend art direction reference, without writing code.

原文の言語: 英語