431 skills · sorted by relevance
Test an idea before committing to full development by building a small, disposable prototype. Compare approaches under equal conditions, try a failure case, and report feasibility with commands, results, or measurements supporting the verdict.
Test an idea before committing to a full build through disposable prototypes. The skill turns uncertainties into concrete experiments, compares approaches, checks edge cases, and records evidence, limitations, and recommendations for implementation.
Publish a folder of static HTML and assets to the configured Paperclip S3/CloudFront host. Validate the folder before upload, obtain a persistent public URL, and update an existing page from its original publishing directory.
Build a single-screen HTML prototype for quarterly OKRs, a framework of objectives and measurable key results. Show three objectives with progress bars, owners, status labels, and a sidebar summarizing metrics, notable changes, and blockers.
Turn screenshots, reference links, and rough visual preferences into a reusable DESIGN.md, a record of design decisions, and practical handoff instructions for building prototypes, presentations, redesigns, or image remixes.
Build charts and interactive data visualizations with D3.js, a JavaScript library for drawing data graphics. Examples across chart types support reports, dashboards, explanatory graphics, and prototypes that let readers explore data.
Import an existing React component library into Claude Design, including its styles, usage references, and previews. This lets the design agent build screens and prototypes using the same components already maintained in the source project.
Add Claude-powered features, such as summarization, to HTML artifacts using a built-in helper. No SDK or API key is needed, and tools defined in the page can run during a request before the final text is returned.
Evaluate product ideas before committing development resources. Organize customer needs, rank uncertain assumptions, and plan interviews or prototype tests in a short discovery cycle that ends with evidence for proceeding, changing direction, or stopping.
Turn an electronics or IoT idea into a working breadboard prototype. Get board and software recommendations, a plan for viewing sensor readings, and time and cost ranges tailored to experience, budget, and location.
Create interactive prototypes, slide decks, animations, and visual explanations in HTML. New designs normally begin with three visible drafts to compare, then develop the chosen direction using supplied content, real assets, and brand references.
Study a reference adaptation connecting the shared skillopt_sleep cycle to a custom DeepSeek backend for OpenClaw. It provides prototype wrappers, sample tasks, and a porting checklist for developers building an integration.
Build, publish, and manage apps on 妙搭（Spark/Miaoda） through local development or cloud AI sessions. Create page designs, manage data and permissions, inspect logs and usage, and configure automated triggers.
Build distinct, working versions of one interface component and compare them at full size using a visual picker. Explore differences in layout, interaction, or motion, then integrate the version you choose into the project.
Build Vue 3 applications using JavaScript and JSDoc comments that describe data types. Create components and reusable logic, configure Vite, routing, and state management, and check annotations and behavior with ESLint and Vitest.
Create a magazine-inspired web prototype with a warm monochrome background, generous whitespace, and subtle motion. Combine serif headings, simple sans-serif body text, monospaced metadata, fine borders, and softly styled chips for a restrained layout.
Create a web prototype with a soft, Apple-inspired appearance. Silver or cream backgrounds, double-edged rounded cards, nested buttons, and a slight spring effect on hover define the visual style and interaction.
Create screen mockups at three levels: text wireframes, standalone HTML files, or working prototype pages. Use requirements, existing app styles, and real project data to show layouts and interactions for review or testing.
Turn an idea, existing code, or a previous Codex conversation into a runnable OpenAI Agents SDK app. Supports local verification, focused evaluations of agent behavior, and local deployment through the Deployment Manager.
Turn a text development plan into a visual document with diagrams, file maps, annotated code, and open questions. For interface work, add wireframes or an interactive prototype so reviewers can examine screens and behavior before implementation.
Create polished design artifacts as self-contained HTML: UI mockups, interactive prototypes, wireframes, landing pages, dashboards, app screens, mobile apps, slide decks (a.k.a. PPT / PowerPoint presentations), documents and résumés, animations, 3D objects, research reports, HTML email, diagrams, fliers, and visual explorations. Use whenever the user asks to design, mock up, prototype, wireframe, visualize, explore, or make a PPT/deck for an interface, product screen, user flow, content layout, visual artifact, or pitch/deck concept, even if they do not say "design". Also use to export a deck built with this skill to PowerPoint (PPT/PPTX) — but only decks authored here (deck-stage / this skill's slide-structured HTML), NOT arbitrary HTML, so confirm the target is such a deck first. Also use for setting up, importing, or authoring reusable design systems, UI kits, brand tokens, or component libraries. Harness-agnostic for Claude Code, Cursor, Codex Agent, and similar file-capable agents.
The English summary is being prepared. Showing the original description.
Prototype one risky assumption within a fixed budget, then keep or discard the result
The English summary is being prepared. Showing the original description.
Guided journey from a working-but-untested vibe-coded prototype to a production-ready product with tests, clean structure, a business-rules boundary, and resilience at scale. Orchestrates nine skills phase by phase - working-with-legacy-code, clean-code, refactoring-patterns, software-design-philosophy, clean-architecture, pragmatic-programmer, release-it, system-design, ddia-systems - asking the user questions at every decision point and recording results in the project docs/ folder (TESTING.md, TECH-DEBT.md, IMPROVE-CODE-QUALITY-PLAN.md) so the journey resumes across sessions. Use when the user wants to harden an AI-generated prototype, add tests before refactoring, make code safe to change, or says 'this works on my machine but I am scared to touch it'. For an aged codebase, remove-technical-debt; for greenfield structure, design-code-architecture; for a product and UX pass, improve-app; to optimize speed and structure, architecture-optimization. For one framework in isolation, invoke that skill directly.
The English summary is being prepared. Showing the original description.
Run a structured 5-day process to prototype, test, and validate product ideas with real users. Use when the user mentions "design sprint", "validate before we build", "rapid prototype", "test with users", or "should we build this". Also trigger when a team is stuck in endless debate over a high-stakes product decision, or wants to de-risk a costly idea before investing in development. Covers mapping, sketching, deciding, prototyping, and testing across Monday-Friday. For ongoing experimentation and MVPs, see lean-startup. For customer job analysis, see jobs-to-be-done. For non-leading user interviews, see mom-test.
The English summary is being prepared. Showing the original description.