ui-spec-to-prompts
Translate a UI spec into build-order prompts for UI generator tools (v0, Bolt, Claude). Use when a UI spec already exists and you need sequenced, self-contained prompts.
Browse published AI skills maintained by jscraik. Compare skill descriptions and follow each source repository for setup instructions.
Indexed skills
119Repository stars across indexed skills
174Repository forks
118Average repository stars per indexed skill
1Repository stars may repeat across skills from the same repository.
Translate a UI spec into build-order prompts for UI generator tools (v0, Bolt, Claude). Use when a UI spec already exists and you need sequenced, self-contained prompts.
Use when translating UX specifications into build-order prompts for UI generation tools. Triggers when user has a UX spec, PRD, or detailed feature doc and needs sequential, self-contained prompts for tools lik...
Interactive, multiple-choice interview for requirements discovery and spec clarification; turns an underspecified idea (or draft spec) into an execution-ready spec with decisions, assumptions, acceptance criter...
Build production-ready web applications powered by Google's Nano Banana image generation APIs—creating everything from simple text-to-image generators to sophisticated iterative editors with multi-turn conversa...
Generate a data specification from a tech spec covering schemas, lifecycle, retention, and access controls. Use when data contracts must be explicit before implementation.
Refine and clarify PRDs via structured AskUserQuestion sessions. Use when a PRD is ambiguous, missing acceptance criteria, or needs scoped clarification before planning.
Generate a lite architecture snapshot from a PRD with a minimal component list, primary flow, and top risks. Use when you need demo-grade architecture guidance without full governance overhead.
Generate a phased roadmap from a PRD with goals, dependencies, and validation gates. Use when sequencing and milestone logic must be explicit without dates.
Plan and review product scope, value, metrics, and rollout via a structured interview. Use when product direction or scope must be clarified.
Create or review PRDs/tech specs for product ideas; use when you need structured requirements, UX spec, and build plan, especially for high-risk scopes.
Generate accessibility requirements and checks from a PRD, aligned to WCAG targets and key journeys. Use when accessibility expectations must be explicit and testable.
Generate a comprehensive, user-facing changelog from git history since the last tag, then translate commits into clear App Store release notes.. Use when Creating App Store “What’s New” text from git history..
Run a minimal, repeatable UI visual regression pipeline (Storybook build + Playwright capture + Argos diff) and iterate on targeted UI fixes until visual diffs pass. If design-system guidance, tokens, or compon...
Generate QA test cases from PRD acceptance criteria using Given/When/Then and expected results. Use when QA coverage needs explicit, auditable cases.
Generate a test plan and validation matrix from a PRD, mapping acceptance criteria to test types and quality gates. Use when verification strategy must be explicit before build.
Generate a security review from a PRD. Use when security requirements, threats, and mitigations must be explicit before build.
Build Better Auth integrations for TS/JS apps with secure defaults. Use this when bootstrapping auth, migrating existing auth, or adding new auth features.
Co-author and QA documentation such as READMEs, guides, and runbooks. Use when writing or auditing docs (not PRDs/specs).
Refactor or create AGENTS.md using progressive disclosure: keep root minimal, split detailed instructions into linked docs, and flag contradictions/redundancy. Use when the user asks to create, update, or refac...
Generate a lite API outline from a PRD with endpoints, example requests/responses, and basic error notes. Use when a minimal contract is sufficient for demo work.
Generate an API specification from a PRD or tech spec, including endpoints, schemas, errors, auth, and compatibility rules. Use when API contracts must be defined before implementation.
Generate YouTube titles and thumbnail text optimized for CTR. Use when crafting or optimizing titles/thumbnails.
Create hooks and full scripts for technical YouTube videos. Use when drafting video hooks or scripts.
Use this skill to search and extract SVG icons via the better-icons CLI or MCP. Use this when you need icons from Iconify collections for UI/UX work, product mocks, or codebases.
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.