Algorithmic Art
Build generative p5.js compositions with seeded variation and an interactive viewer.
The field guide
One moment.
Loading the selection…
The field guide
Loading the selection…
The directory / 31 considered skills
Find skills for frontend design, accessibility, motion and design systems. Filter by your agent and task, then check the source-based review and setup instructions before you install.
31 skills in the field guide
Build generative p5.js compositions with seeded variation and an interactive viewer.
Choose whether to animate, then implement timing, interruption, and reduced motion.
A compact, opinionated baseline for spacing, typography, and interaction code.
Develop a visual philosophy, then express it as a static canvas artifact.
Reshape growing React component APIs with composition and explicit state boundaries.
Extract a durable design document from evidence in a product or public website.
Product-interface polish with attention to motion and component behavior.
Native screen styling, semantic colors, controls, and visual effects for Expo.
Implement Figma designs using design context, real assets, and existing components.
Targeted repairs for semantics, keyboard access, focus, contrast, and forms.
Check titles, canonicals, social previews, structured data, and indexing directives.
Find layout thrashing, costly animated properties, and scroll-linked bottlenecks.
A compact brief for deliberate typography, composition, and visual identity.
One design skill with named workflows, browser iteration, and edit hooks.
Product-interface direction with design decisions saved across sessions.
A specific editorial look built from warm neutrals and typographic contrast.
Turn approved product scope into task flows, recovery states, and UX handoffs.
Prioritized React and Next.js guidance for data flow, bundles, and rendering.
Guide route, state, and shared-element transitions with React’s transition APIs.
A scan, diagnose, and fix workflow for an interface that already exists.
Official guidance for composing, previewing, and rendering video with React.
A strict review of timing, purpose, interruption, and animation implementation.
Project-aware guidance for installing, composing, and customizing shadcn/ui.
Generate, edit and compare screen designs through Google Stitch.
Turn interviews, surveys and feedback into findings with traceable evidence.
Scripted art direction with a reference library and browser inspection.
Apply a named palette and font pairing across slides, documents, or web artifacts.
Add reusable CSS transitions and align UI motion to a shared token scale.
Search local design references and generate a system for the product at hand.
Turn complex ideas, comparisons and reviews into interactive HTML explanations.
Fetch current interface guidelines and report review findings by file and line.
Native means the source documents support. Partial means setup or adaptation may be required. Not verified is an open question, not a claim of incompatibility. How we curate ↗