Turn Figma screens and components into application code using design specifications, screenshots, and supplied assets. Reuse existing project components and shared style values, then check layout, typography, responsive behavior, and accessibility against the design.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Implement a button from a Figma component
- Build a dashboard from a Figma frame
- Integrate designs with an existing component library
openai/skills☆ 2.8만2026년 9월 9일 업데이트
Archive an OpenSpec change after checking its documents, task completion, and specification differences. The skill offers a choice about updating the main specifications, then moves the change into a dated archive and reports the result.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Archive an implemented change
- Check unfinished documents and tasks before archiving
- Review specification differences before updating the main specifications
alibaba/druid☆ 2.8만2026년 8월 1일 업데이트
Build a short, playable game sequence before full production to check whether the complete gameplay loop works at the intended quality. Use playtest observations and daily progress records to assess feasibility and decide the next direction.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Checking production feasibility after game design is complete
- Testing a complete gameplay loop with players
- Estimating production speed from actual build progress
Donchitos/Claude-Code-Game-Studios☆ 2.7만2026년 10월 19일 업데이트
Turn game design documents and character profiles into asset specifications and image generation prompts. Define appearance, dimensions, file formats, and naming rules, then maintain an asset list that tracks progress and identifies shared assets.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- List the visual assets needed for a game
- Define consistent character and environment asset specifications
- Prepare image generation prompts from an art direction guide
Donchitos/Claude-Code-Game-Studios☆ 2.7만2026년 10월 19일 업데이트
Review an existing requirements document, plan, or specification from several role-based perspectives. Identify inconsistencies and obstacles to carrying out the work, verify their consequences, apply authorized corrections, and present improvements or decisions that still need attention.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Checking a requirements document for inconsistencies
- Reviewing whether an implementation plan is feasible
- Organizing decisions left open in a specification
EveryInc/compound-engineering-plugin☆ 2.6만2026년 10월 19일 업데이트
Turn documentation, code, and specifications into reusable Agent Skills. Define when each skill should activate, organize supporting references, add reproducible examples, and check new or existing skills with templates, a checklist, and a validator.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Creating an Agent Skill from documentation and code
- Reorganizing an overly long SKILL.md
- Clarifying skill activation conditions and boundaries
2025Emma/vibe-coding-cn☆ 2.3만2025년 12월 17일 업데이트
Review DXF and STEP/STP files before ordering from SendCutSend.com. Compare measured geometry with current official material and service specifications, then report upload issues, manufacturing constraints, missing information, and specific edits needed.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Check a DXF before ordering laser cutting
- Review flange dimensions and bend radii
- Check material and secondary service compatibility
earthtojake/text-to-cad☆ 2.2만2026년 10월 20일 업데이트
Create and update Playwright tests that check Handsontable interactions in real browsers. The skill guides test organization, reliable waits, element selection, and coverage across themes and bundles, while helping distinguish browser tests from unit tests.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Test keyboard navigation and cell editing
- Add regression coverage for a bug fix
- Check behavior across themes and bundles
handsontable/handsontable☆ 2.2만2026년 10월 21일 업데이트
Turn a technical specification directory into an interactive web presentation. Organize the design and its rationale into slides with navigable diagrams and deeper explanations, then build a static page suitable for public sharing.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Turn technical specifications into a web presentation
- Explain architecture with interactive diagrams
- Share the rationale for planned development
iii-hq/iii☆ 1.9만2026년 10월 20일 업데이트
Build 3D scenes in React from JSON specifications using json-render. The skill covers shapes, lighting, model loading, materials, cameras, and view controls, plus connecting component definitions to their rendering implementations.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Build a 3D scene from JSON
- Display GLTF or GLB models
- Configure lighting, materials, and shadows
vercel-labs/json-render☆ 1.9만2026년 10월 14일 업데이트
Define the structure and available components for AI-generated JSON screens or videos. Build generation prompts, process incremental updates, connect values to application state, and validate or repair definitions before passing them to a renderer.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Define allowed components for AI-generated screens
- Build prompts for generating or editing JSON definitions
- Assemble definitions from streamed AI responses
vercel-labs/json-render☆ 1.9만2026년 10월 14일 업데이트
Add formatting, arithmetic, text processing, and translated labels to json-render specifications. This skill explains ready-made directives, or value-processing rules, how to combine them, and how to define custom rules for application-specific transformations.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Format dates, currencies, and percentages
- Calculate totals from prices and quantities
- Shorten text and join lists of tags
vercel-labs/json-render☆ 1.9만2026년 10월 14일 업데이트
Build TanStack Start pages from JSON specifications. This skill connects URL routes, shared layouts, server-side data loading, page metadata such as titles, and client navigation, including loading, error, and missing-page displays.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Build multiple pages from JSON specifications
- Share layouts across pages
- Connect dynamic URLs to page data loading
vercel-labs/json-render☆ 1.9만2026년 10월 14일 업데이트
Turn JSON timelines into Remotion video compositions with titles, images, text overlays, and animated statistics. The skill covers playback setup, reusable video components, transitions, effects, and adding custom clips to a video catalog.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Build a video composition from a JSON timeline
- Create title cards and image slides
- Add captions and name overlays
vercel-labs/json-render☆ 1.9만2026년 10월 14일 업데이트
Build a Three.js 3D model from an object or character reference image using code. The workflow develops shapes and materials in stages, compares rendered views with the reference, and guides corrections through quality checks.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Rebuilding a photographed object as a browser-based 3D prop
- Creating a stylized character from a reference image
- Planning model parts, materials, and animation pivots
img2threejs/img2threejs☆ 1.9만2026년 10월 18일 업데이트
Read existing code to reconstruct system specifications, including architecture, data flows, APIs, and business rules. Produces documentation tied to code locations, separating observed behavior from inferences and questions that need clarification.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Understand an undocumented legacy system
- Document existing APIs and business rules
- Map module dependencies and data flows
Jeffallan/claude-skills☆ 1.2만2026년 10월 17일 업데이트
Turn existing decision records, product requirements, specifications, and other documents into GSD planning files. Create a new planning setup or add requirements and phases to an existing one, while identifying conflicts and blocking writes when contradictions remain unresolved.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Build planning files from existing project documents
- Add documented requirements and phases to an existing plan
- Identify conflicting statements across planning documents
open-gsd/gsd-core☆ 1.1만2026년 10월 20일 업데이트
Turn a design into a developer handoff document covering layout, shared design settings, component options, interactions, and screen-size behavior. Include loading and error states, animation details, and accessibility notes to clarify implementation requirements.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Preparing a design for developer handoff
- Documenting layout changes across screen sizes
- Specifying loading, empty, and error states
TencentCloud/Octop☆ 1.1만2026년 10월 20일 업데이트
Model distributed systems and concurrent algorithms in TLA+ or PlusCal, then check possible states with TLC. Use the results to investigate deadlocks, broken rules, and differences between specifications and implementation code.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Model a distributed protocol before implementation
- Create a specification from existing concurrent code
- Investigate deadlocks and race conditions
apache/cassandra☆ 1만2026년 10월 21일 업데이트
Turn Figma screens and components into code that follows an existing project's conventions. Retrieve design details, screenshots, and assets through Figma MCP, an agent connection, then reuse existing components and check the implementation against the design.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Implement a button from a Figma design
- Build a dashboard layout from Figma
- Extend existing components to match a design
tech-leads-club/agent-skills☆ 7.1천2026년 10월 21일 업데이트
Extract structured product details from Walmart URLs, including prices, availability, specifications, images, and color or size options. Gather fulfillment choices, return policies, and review summaries to support product comparisons and catalog building.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Build a catalog from Walmart product URLs
- Compare product specifications and variants
- Check product prices and availability
browser-act/skills☆ 6.2천2026년 8월 24일 업데이트
Archive an OpenSpec change after checking its documents, task completion, and specification differences. The skill offers a choice about updating the main specifications, then moves the change into a dated archive and reports the result.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Archive an implemented change
- Check unfinished documents and tasks before archiving
- Review specification differences before updating the main specifications
fengshao1227/ccg-workflow☆ 5.9천2026년 10월 19일 업데이트
Build Apple-inspired translucent interfaces using shared CSS settings and component patterns. The skill covers glass cards, toolbars, buttons, and modals, with light and dark modes, motion guidance, and accessibility requirements for readable text and reduced animation.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Designing translucent cards and buttons
- Styling glass toolbars and modals
- Supporting light and dark interface modes
fengshao1227/ccg-workflow☆ 5.9천2026년 10월 19일 업데이트
Create Vally evaluation specifications for skills, custom agents, and workflow packages. Design distinct test requests, prepare fixture files, define automated checks and outcome rubrics, and size comparisons to provide meaningful evidence without favoring the skill’s wording.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Create an eval.yaml for a skill or custom agent
- Define outcome-based checks and judging rubrics
- Prepare fixture files that reproduce specific failures
dotnet/skills☆ 5.7천2026년 10월 21일 업데이트