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.
浏览 jscraik 维护的已发布 AI 技能,比较用途与说明,并通过来源仓库了解安装方式。
已收录技能
119收录技能的仓库 Stars 合计
174仓库 Forks
118平均每个技能的仓库 Stars
1同一仓库中的多个技能可能共享 Stars,合计包含重复仓库数据。
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.
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库,同一仓库的多个技能可能共享相同数值;它反映仓库关注度,不代表单个技能的安装量或质量评分。