Spec-Driven Development
Addy OsmaniWrites a spec or PRD with objectives and scope before any code, for new projects, features and significant changes.
The directory
1,073 skills
Writes a spec or PRD with objectives and scope before any code, for new projects, features and significant changes.
Drives implementation with the red-green-refactor loop: write a failing test, make it pass, then clean up.
Generates brand-kit images: brand guideline boards, logo systems and identity decks in several visual directions.
Produces raw, mechanical interfaces that mix Swiss typographic print with terminal aesthetics, for dashboards and editorial sites.
A GPT-tuned variant of the taste skill, with enforced layout variance, editorial typography and GSAP scroll motion.
Generates a design image for a website first, analyses it, then writes code to match it closely. Written for Codex.
Generates mobile app screen concepts and flows as images, for iOS, Android and cross-platform products.
Generates website design references as images, one per section of the page.
Produces clean editorial interfaces with a warm monochrome palette, typographic contrast and flat bento grids.
Stops the model from truncating output: enforces complete code, bans placeholders and splits cleanly at token limits.
Audits an existing website or app for generic AI design patterns and upgrades it without breaking functionality.
Defines the fonts, spacing, shadows, card structures and animations of agency-grade design, and blocks common AI defaults.
Generates DESIGN.md files for Google Stitch with strict typography, calibrated colour and asymmetric layouts.
The original v1 of the taste skill, kept for projects that depend on its exact behaviour.
Uses the ctx7 CLI to fetch library documentation, manage AI coding skills and configure Context7 MCP.
Fetches current library and framework documentation and code examples through the Context7 MCP server.
Retrieves up-to-date documentation, API references and code examples for any library, framework or SDK.
Adds captions or subtitles to an existing talking-head video without editing the footage, from plain verbatim to cinematic styles.
Turns an article, notes or a topic into a faceless explainer video with typography, diagrams and data visuals invented for each scene.
Authors or edits a custom HyperFrames composition for longer and multi-scene pieces, such as brand reels, montages and title cards.
Covers the HyperFrames CLI loop: init, capture, lint, check, preview, render and publish.
Entry point for making, editing or rendering a video or motion graphic with HyperFrames; it selects and installs the right workflow.
Creates short motion graphics where motion carries the message: kinetic typography, stat count-ups, chart hits and logo stings.
Turns a music track into a beat-synced video such as a lyric video, slideshow or kinetic promo.