Extract a public website’s colors, typography and other design primitives into starter JSON and CSS tokens.
スキルを探す
ウェブサイト、画像、プレゼンテーション、動画のためのオリジナルワークフロー。
Build and maintain a design system inside an Expo app - a reusable theme of design tokens (color, spacing, typography, radius, shadow, motion), reusable component structure with variant/size/state prop conventions, and rules for when to extract a repeated view into a shared component. Use when creating or organizing theme files and design tokens (theme.ts / theme/), extending an existing theme or styling library (NativeWind, Tamagui, Restyle, Unistyles) in its own idiom, standardizing styles so screens (including AI-generated ones) look consistent and polished, fixing an app that looks AI-generated or generic instead of native (the named native-slop tells), building an in-app component library, or auditing an app for design-system drift (hardcoded colors, spacing, fonts). For platform styling specifics (semantic colors, HIG rules, native controls) use expo-native-ui; for folder layout of a new app use expo-project-structure.
Design System
Develop layered design tokens, component specifications and design-to-code guidance.
Awesome Design Skills
A unified design Skill library with selectable visual templates, reusable UI tokens, component rules and implementation checks for AI coding assistants.
Design and refine dashboards, SaaS apps and admin interfaces with deliberate hierarchy, shared tokens, complete states and reusable design memory.
UI Styling
Build responsive interface components with shadcn/ui, Tailwind CSS and design-system guidance.
Auteur Web Experiences
Design and build marketing pages, cinematic scroll experiences, and multi-screen products through a staged brief, asset, and implementation workflow.
Understand Anything: Figma Design Graph
Analyze a Figma file into a graph of screens, components, instances and design tokens.
Route UI work by product surface, define a visual concept, implement reusable tokens and states, and document the result in DESIGN_SYSTEM.md.
Theme Factory
Apply one of ten documented color-and-font themes to existing artifacts, or create a custom theme.
Design DNA
Extract and apply a design's tokens, qualitative style, and visual effects when defining a design direction or rebuilding an interface.
Audit an existing product surface against its own design evidence, identify verified UI problems, and write self-contained implementation plans for another agent. Strictly read-only on product source. Use when asked to review, refine, improve, or clean up an interface without replacing its identity; investigate design-system drift; or prepare a design handoff.
丁寧につくった小さなライブラリ。新しいスキルも追加予定です。





